White palettes

Off-whites, bone and porcelain. The ground most palettes sit on, and very seldom a true #FFFFFF.

White, a reference whiteWhite
#F7F5F0
140 whites in the library

Pick any swatch to see its codes, its contrast and the palette it comes from.

01Put it to work

Can you read text on it?
White text looks like thisHard to read
Avoid for text. Use it for shapes and backgrounds instead. Contrast 1.1 to 1
Black text looks like thisVery easy to read
Fine for any text, even small print. Contrast 18.0 to 1

Black text reads better here. The contrast number compares how light the text is with how light the colour behind it is. It runs from 1, where the text disappears, to 21, black on white. The web accessibility standard asks for at least 4.5 for normal text and 3 for big headlines.

Pick a swatch above to see it in its own palette, next to the colours it was chosen to sit with.

02Tints and shades

A ramp from 50 to 950 around #F7F5F0, in equal perceptual steps, for backgrounds, borders and hover states. Click a step to copy it.

03323 palettes with white

PhotorealismPhotorealismClay StyleClay StyleNeon CanvasDigital ArtPaintingPaintingUltramarine StudyPaintingGivernyImpressionismGolden HourImpressionismWinter LightImpressionismAbstract ExpressionismAbstract ExpressionismKline ContrastAbstract ExpressionismBauhausBauhausWorkshopBauhausTypographyBauhausWeimarBauhausCinematographyCinematographyKodachromeCinematographyBleach BypassCinematographyTeal & OrangeCinematographyCarraraSculptureArchitectureArchitectureGlass TowerArchitectureExposed ConcreteArchitectureAdobe DesertArchitectureMagritteSurrealism

04The styles that use it

Architectural Minimalism8Glitch5Bauhaus4Cinematography4Architecture4Illustration4Conceptual Art4Fashion Design4Bubbleglam4Chromecore4Luxury Minimal4Vector Minimalism4Swiss / International4Glass Block4Cottagecore4Dreamcore4Liminal Space4Normcore4Architectural Modernism4Bauhaus Architecture4Classical Architecture4Neo-Futurism4Soft Minimalism4Mediterranean Architecture4Japanese Graphic4Font Mixing4Neoclassical4Impressionism3Cubism3Pottery / Ceramics3Performing Arts3Visual Art3Printmaking3Pop Art3Y2K3Web 2.0 Gloss3Glassmorphism3Memphis3Type Doodles3Distorted Portraits3

And 110 more, in the palettes above.

05Questions

How many white colour palettes are there?

The Omoro library has 323 palettes with at least one white, across 140 distinct white swatches, each with its hex code.

What colours go with white?

In the library's palettes, white most often sits beside blue, yellow and red, with black and grey as the neutrals.

Which design styles use white?

Architectural Minimalism, Glitch and Bauhaus use it most. 150 styles use it in all.

Goes withBlue 39%Yellow 33%Red 25%Green 20%Brown 17%Orange 14%
Every colour familyAll colors and shades →
All palettes →Browse the styles →