Hazy Coast color palette — #F4E4CD · #9D8000 · #6C7500 · #2A5100 · #001D0B

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

The five colors

• Parchment (#F4E4CD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#9D8000): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#6C7500): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#2A5100): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001D0B): A deep, shadowed, dusty teal — the color of sea glass.

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

• Dusty Grove color palette (#EBE9D4, #8E8800, #4B5200, #212900, #020300)
• Timeworn Amber color palette (#FFDFD0, #C77300, #885F00, #4F4800, #151800)
• Olive Parlor color palette (#EBEAC6, #648100, #006D2C, #004F33, #000907)
• Weathered Parlor color palette (#E3EDDB, #62AF4A, #2D8900, #335400, #020400)
• Aged Emerald color palette (#DBE2CB, #2FA431, #008451, #00554C, #001B1B)
• Feathered Turquoise color palette (#DFE7C8, #7ACD98, #00BBC7, #926E00, #082000)
• Pine Harbor color palette (#F9EED1, #BEAD00, #80A100, #008226, #003E29)
• Faded Rose Terrace color palette (#ECE1FA, #FF4270, #288700, #0A3400, #000202)

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