Frosted Harbor color palette — #F5DFE0 · #D67A5E · #985700 · #5E4400 · #393900

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

The five colors

• Shell Pink (#F5DFE0): A whisper-light, dusty red — the color of late-summer berries.
• Coral Clay (#D67A5E): A luminous, balanced orange — the color of toasted spice.
• Ochre (#985700): A full-bodied, balanced gold — the color of old brass.
• Bronze (#5E4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#393900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Amber Villa color palette (#FFE7DE, #C78728, #7E6A00, #4C5400, #204517)
• Worn Amber Delta color palette (#FFE8E2, #E89C77, #C16A00, #795000, #443300)
• Aged Rust Garden color palette (#F3E5EE, #DB7795, #AA4439, #723500, #503400)
• Hushed Thicket color palette (#F7E1E9, #A9955C, #85582E, #65342E, #13382D)
• Bronze Loft color palette (#FFE8DD, #9E6100, #4F4200, #1E2200, #00120E)
• Amber Station color palette (#FEE7F1, #C4783D, #5077BE, #844300, #183364)
• Antique Mint color palette (#FFF0F7, #DAD99E, #84C9A8, #985F63, #2A4932)
• Chalky Cobalt color palette (#FFD9E4, #A86A00, #3A69BD, #584495, #401F2B)

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