Mustard Bloom color palette — #FFF1F6 · #DDB72A · #9C5400 · #592E00 · #25151C

A conversation between Saffron and Ochre, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Saffron (#DDB72A): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#9C5400): A full-bodied, balanced gold — the color of old brass.
• Espresso (#592E00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#25151C): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.

Use it as a design system

One click turns Mustard Bloom 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

• Wandering Garden color palette (#E7F2E9, #D4AF5D, #7F5D00, #463200, #0C1A0F)
• Chalky Brick color palette (#FFF0FD, #C9BE53, #BE202D, #651F1F, #251423)
• Washed Coast color palette (#FFF3E7, #FFD26F, #9B5800, #462500, #0F0500)
• Hazy Amber Courtyard color palette (#FFF3E8, #E3D064, #C97632, #834C21, #271608)
• Emerald Pier color palette (#FFF1F6, #F9A556, #009F6B, #AD6200, #002223)
• Patina Amber color palette (#DCEFE3, #BC8800, #524400, #211A00, #000401)
• Grape Harbor color palette (#FFF1F5, #D08100, #0098A5, #7642C3, #3E212C)
• Softworn Chapel color palette (#C9EEE5, #E89700, #396A00, #1B3600, #001410)

Browse the whole catalog at Explore, or see today's palette.