Faded Mustard color palette — #D1E4D3 · #F7B630 · #568BEA · #A97800 · #102750

Built around Saffron, softened by Azure — the whole palette hums with trust and stability.

The five colors

• Celadon Mist (#D1E4D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Saffron (#F7B630): A luminous, balanced gold — the color of honey in a jar.
• Azure (#568BEA): A luminous, balanced violet — the color of twilight just after sunset.
• Ochre (#A97800): A luminous, balanced gold — the color of honey in a jar.
• Midnight (#102750): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Faded 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

• Soft Azure color palette (#F6D3E0, #FFAE63, #14ADF5, #A15B00, #002C43)
• Mustard Terrace color palette (#DFF5E5, #DFBB4A, #8EADFF, #B08D00, #24335D)
• Muted Workshop color palette (#FFF3E5, #F6A526, #5979EF, #885700, #091140)
• Faded Ridge color palette (#C9E6D9, #C6CC30, #B086FF, #717500, #2F1B4F)
• Aged Cabin color palette (#C6E7D7, #A29E00, #0093C1, #6A6700, #002E3F)
• Faded Orchid color palette (#E4F4E7, #C59700, #00A8B9, #B75FB8, #042711)
• Quiet Scarlet color palette (#EED5E8, #FF8771, #00B4D1, #EB2D07, #002F38)
• Airy Moss Canyon color palette (#E9FAF2, #CCD38B, #C8ACFF, #9FA739, #473A62)

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