Hazy Coast color palette — #F9EBE7 · #A5E0DF · #36B4DA · #45924F · #0C2F51

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9EBE7): a clean, paper-quiet neutral.
• Sea Foam (#A5E0DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#36B4DA): A luminous, balanced blue — the color of open sky before noon.
• Fern (#45924F): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#0C2F51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Sky Summit color palette (#FBF3F0, #C7EBCC, #68BDE7, #5B9C73, #233A60)
• Periwinkle Workshop color palette (#F9ECE1, #AADAF8, #7AA2F6, #00928A, #302550)
• Azure Field color palette (#EFE1DA, #7BCEE1, #009AE8, #00805E, #10184C)
• Muted Cerulean Drift color palette (#E9F1EA, #98CEDD, #0097A9, #006F54, #003343)
• Hushed Taupe color palette (#F5F2CE, #9CF1D8, #95D4FF, #B59551, #363832)
• Weathered Forest Station color palette (#F0E5F0, #81C1BF, #007793, #005015, #00162F)
• Taupe Veranda color palette (#FCF3F0, #C4DFE5, #A2D4BD, #82AF8F, #5E4C5D)
• Airy Jade Thicket color palette (#C0F6CB, #84D487, #00AE68, #007447, #001A03)

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