Mustard Drift color palette — #FAF5E7 · #D6B000 · #3CA3D9 · #4F89AB · #3A2223
A conversation between Gold and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF5E7): a clean, paper-quiet neutral.
- Gold (#D6B000): A luminous, balanced green — the color of new leaves after rain.
- Cyan (#3CA3D9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#4F89AB): A luminous, dusty blue — the color of deep harbor water.
- Espresso (#3A2223): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Mustard Drift into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Timeworn Ridge color palette (#FFF2EA, #F5913E, #6799E2, #587DB3, #36262E)
- Chalky Lime color palette (#F8F6E1, #9FC155, #8991E2, #767DBB, #3A241D)
- Mustard Drift color palette (#FFF4E1, #EAB61A, #6FA3DF, #8C6FA0, #442D52)
- Soft Amber color palette (#E9FBEB, #BE8700, #128AA1, #585082, #332431)
- Hushed Atelier color palette (#FFF2E9, #EFBF68, #64B988, #8B76A9, #3F3D36)
- Misty Dune color palette (#FFF2EA, #F29471, #7F7EBF, #7C4C81, #26100A)
- Timeworn Sapphire Thicket color palette (#E4F4D8, #00B58A, #00959E, #006FD2, #2B1200)
- Timeworn Lantern color palette (#FFF1E9, #F3CD7E, #A4B862, #42966F, #004B4A)
Browse the whole catalog at Explore, or see today's palette.