Hazy Mustard Loft color palette — #CAE6D2 · #E9BD30 · #578BEA · #9F7E00 · #0D2655

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

The five colors

• Celadon Mist (#CAE6D2): A whisper-light, dusty teal — the color of glacier melt.
• Saffron (#E9BD30): A luminous, balanced green — the color of a quiet forest floor.
• Azure (#578BEA): A luminous, balanced violet — the color of wild irises.
• Ochre (#9F7E00): A luminous, balanced green — the color of new leaves after rain.
• Midnight (#0D2655): 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 Hazy Mustard Loft 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

• Washed Cornflower Meadow color palette (#DEFFE5, #E3B027, #4E80E0, #7D5E00, #03143D)
• Patina Moss Coast color palette (#E1F4EB, #C7C54C, #89AFFF, #9A9700, #21335D)
• Tempered Sapphire Drift color palette (#ECDCC2, #D0A228, #4866EC, #7D5E00, #192550)
• Periwinkle Thicket color palette (#F2D4E3, #FFAC78, #739EFF, #AA5300, #0F2459)
• Faded Orchid Loft color palette (#CBE5D8, #D0C846, #B85CEA, #8D8600, #381749)
• Quiet Atelier color palette (#F3E0C4, #A27700, #4F62BD, #5B4200, #07053E)
• Frosted Lilac color palette (#D6F1D4, #D78D00, #A374FF, #B05CB0, #0B260B)
• Hushed Ember Thicket color palette (#EBD7E5, #FF886A, #00B2D9, #DD471D, #002E3B)

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