Yellow palettes

The lightest-reading hue, and the hardest to set text on. Mustard and ochre calm it down; lemon keeps it shouting.

Yellow, a reference yellowYellow
#F5C800
215 yellows 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.6 to 1
Black text looks like thisVery easy to read
Fine for any text, even small print. Contrast 12.3 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 #F5C800, in equal perceptual steps, for backgrounds, borders and hover states. Click a step to copy it.

03288 palettes with yellow

04The styles that use it

Prairie Style6Art Deco Architecture6Neubrutalism5Memphis5Afrofuturism5Vernacular Architecture5Mid-Century Modern5Indie Groovy5Metallic Typography5Cubism4Performing Arts4Mixed Media4Italo Disco4Steampunk4Grunge4Bronze Age4Kidcore4Solarpunk4Classical Architecture4De Stijl4Popping Colors4Art Nouveau4Music3Bauhaus3Skeuomorphism3Luxury Minimal3Maximalism3Psychedelic3Trinket Design3Punk3Art Deco3Corporate Memphis3Architectural Postmodernism3Bauhaus Architecture3Scandinavian Architecture3Soft Minimalism3Constructivist Architecture3Structuralism3Pueblo Revival3Gothic Architecture3

And 112 more, in the palettes above.

05Questions

How many yellow colour palettes are there?

The Omoro library has 288 palettes with at least one yellow, across 215 distinct yellow swatches, each with its hex code.

What colours go with yellow?

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

Which design styles use yellow?

Prairie Style, Art Deco Architecture and Neubrutalism use it most. 152 styles use it in all.

Goes withBrown 39%Blue 37%Red 33%Green 22%Orange 19%Pink 13%

06Shades of yellow

Mustard Yellow
Every colour familyAll colors and shades →
All palettes →Browse the styles →