Hazy Coast color palette — #F7E5CB · #B28300 · #4B7800 · #005448 · #4B0103

Olive and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F7E5CB): A whisper-light, dusty gold — the color of old brass.
• Mustard (#B28300): A luminous, balanced gold — the color of honey in a jar.
• Olive (#4B7800): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005448): A deep, shadowed, dusty teal — the color of sea glass.
• Espresso (#4B0103): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Hazy Coast 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

• Amber Quarry color palette (#FFE2CB, #D56B00, #796900, #035811, #460029)
• Garnet Hollow color palette (#F7E7BD, #9C8E00, #007E48, #880032, #371D00)
• Washed Basin color palette (#EDEBBE, #6C9E00, #007B66, #005064, #351E00)
• Timeworn Bronze color palette (#FFE2C5, #9C5D00, #005A3B, #003069, #46002A)
• Bronze Atelier color palette (#E7DDCF, #9A6F00, #433700, #261700, #0E0500)
• Washed Mustard Terrace color palette (#EAE4CD, #B5A300, #888100, #555D00, #2E3800)
• Hushed Marigold color palette (#FFF3E4, #FFB688, #ECA000, #A08700, #3B2800)
• Airy Pine Study color palette (#E5EAD3, #008D39, #005F5F, #003753, #191000)

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