Hazy Coast color palette — #EEF4E8 · #0DA580 · #007184 · #1D3D7C · #202000

A conversation between Fern and Navy, giving this palette its sense of nature and growth.

The five colors

• Cream (#EEF4E8): bright and airy, almost weightless.
• Fern (#0DA580): A luminous, balanced teal — the color of sea glass.
• Teal (#007184): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1D3D7C): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#202000): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

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

• Timeworn Moss color palette (#F3F3E7, #759B4D, #007568, #004762, #291C00)
• Muted Petrol color palette (#EDF4ED, #4AAFA8, #3A78A4, #4F4274, #252A0A)
• Weathered Aubergine Canyon color palette (#D1E8CF, #00837F, #00517B, #320076, #011300)
• Jade Delta color palette (#E4FAFA, #58BC85, #00919D, #3B6089, #18412E)
• Ultramarine Cabin color palette (#E0F9E9, #0092AD, #1F48D1, #540B71, #001E12)
• Frosted Ultramarine Alley color palette (#E9F5EE, #009DBE, #425FB0, #56296B, #370C1C)
• Ancient Moss color palette (#E4FBF5, #69993C, #515E9D, #633362, #552A20)
• Patina Nightshade color palette (#DFF3EB, #0985BD, #593CA5, #5E0343, #00181A)

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