Frosted Harbor color palette — #D8FDDF · #E95D48 · #865500 · #00474B · #331000

A conversation between Coral Clay and Ochre, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D8FDDF): A whisper-light, dusty teal — the color of glacier melt.
• Coral Clay (#E95D48): A luminous, vivid orange — the color of toasted spice.
• Ochre (#865500): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#00474B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#331000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

One click turns Frosted Harbor 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

• Ancient Amber color palette (#DBF0DE, #C47239, #6E5900, #004051, #270F18)
• Weathered Peony color palette (#D7FDDF, #DE5E8F, #A73500, #004A37, #350A12)
• Hushed Peony Meadow color palette (#FBF9C2, #F2327E, #7E5800, #004A72, #54261D)
• Antique Thicket color palette (#E7F7EA, #C09352, #697200, #0E4A74, #14281B)
• Coral Harbor color palette (#FFF4DE, #FF7963, #AC6E00, #00686D, #4F2B19)
• Misty Ember color palette (#FFEBF8, #DD4A10, #516400, #004148, #1B0246)
• Deep Atelier color palette (#FAE9F1, #A64F00, #3A2500, #200514, #070205)
• Pale Amber color palette (#DCFFEB, #FF9CBE, #B47800, #005B98, #471512)

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