Dusty Mustard color palette — #FFDBD4 · #96E6B2 · #D7BE2E · #45463F · #36322A

Built around Saffron, softened by Mint — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFDBD4): A whisper-light, dusty orange — the color of toasted spice.
• Mint (#96E6B2): A whisper-light, balanced teal — the color of shallow lagoons.
• Saffron (#D7BE2E): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#45463F): a grounded near-black with real depth.
• Espresso (#36322A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Apricot Balcony color palette (#FFD7EF, #CDDB7B, #FFA663, #45433C, #352F2A)
• Patina Lime color palette (#FFDEC1, #52EAEB, #8FD467, #354832, #2E2F26)
• Tempered Meadow color palette (#FFDCCB, #40FDD7, #D2DF63, #61746D, #28332E)
• Mustard Study color palette (#E5DCEA, #91D5FF, #F5AB00, #39352F, #1A1713)
• Patina Olive color palette (#F6F6EE, #B6C89A, #4C8C6F, #5B7911, #2C2F28)
• Dusty Lime Courtyard color palette (#E9DCD3, #00D9B4, #8EBA00, #02391E, #201E0C)
• Worn Grove color palette (#E2E1FF, #9BDAFF, #44DBAD, #364C3F, #2D3229)
• Aged Study color palette (#F1FAD7, #9CCBB1, #4B947E, #00695E, #084B5F)

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