Mustard Field color palette — #F9EADC · #E8BD11 · #2892E5 · #002E51 · #001A31
Built around Saffron, softened by Azure — the whole palette hums with nature and growth.
The five colors
- Cream (#F9EADC): A whisper-light, dusty gold — the color of old brass.
- Saffron (#E8BD11): A luminous, vivid green — the color of fresh herbs.
- Azure (#2892E5): A luminous, balanced blue — the color of deep harbor water.
- Midnight (#002E51): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001A31): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged neon, dark, vibrant, cool.
Use it as a design system
One click turns Mustard Field 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
- Mustard Boulevard color palette (#D2E8E3, #D9B900, #93A8FF, #21304F, #191F2A)
- Airy Apricot color palette (#EFE6CF, #FF8F4A, #00B8D8, #00313B, #001823)
- Aged Terrace color palette (#E4E7CE, #5CC75B, #5D8AE5, #0D2761, #071222)
- Airy Terrace color palette (#DCE6C5, #FF73AD, #5396FF, #031B41, #1A0C1A)
- Ancient Hollow color palette (#D7E6FC, #D4A300, #2047D0, #071980, #040C2A)
- Chartreuse Summit color palette (#E8F3DA, #36E834, #9276E5, #34225F, #0C0E2C)
- Hushed Blush Pier color palette (#E1EDDB, #FF8CB0, #7BAEFF, #2E4A75, #0F1723)
- Patina Grove color palette (#CAEBDE, #618A00, #0073BC, #0B0D1B, #000206)
Browse the whole catalog at Explore, or see today's palette.