Amber Harbor color palette — #E3F7EF · #66ADD7 · #C67553 · #006D9A · #451702

Built around Caramel, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#E3F7EF): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#66ADD7): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#C67553): A luminous, balanced orange — the color of autumn markets.
• Peacock (#006D9A): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#451702): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Amber 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

• Misty Coral color palette (#E6F7EA, #66B1BB, #C96D82, #00727D, #471021)
• Tempered Parlor color palette (#FBEDF8, #8FA2D5, #B28341, #415CBA, #382200)
• Weathered Coast color palette (#ECF7FF, #76C2EC, #E48B5D, #008BC0, #5E3723)
• Bronze Loft color palette (#DAFAF0, #4795CD, #B4693B, #955C00, #00251C)
• Faded Cornflower Delta color palette (#DDEDFF, #0D86F2, #976700, #004C8F, #201300)
• Moss Field color palette (#E7FBF1, #57ABD1, #669C2C, #006F95, #364926)
• Muted Field color palette (#F9F1E3, #B7AB83, #857344, #6F3F03, #252408)
• Cobalt Workshop color palette (#EDF7FF, #A8DCFF, #E7A0D7, #0093D5, #522649)

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