Amber Harbor color palette — #E7F6EF · #63AED1 · #BF7B52 · #006E92 · #421A00

A conversation between Caramel and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#E7F6EF): bright and airy, almost weightless.
• Cyan (#63AED1): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#BF7B52): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#006E92): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#421A00): 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

• Ultramarine Workshop color palette (#FDECF9, #8DA2D8, #B7813B, #3C5BBE, #392100)
• Soft Coral Boulevard color palette (#ECF5E7, #65B5A4, #CA6C7C, #007565, #44141F)
• Misty Tangerine color palette (#ECF7FF, #78C2EA, #ED845A, #008BBF, #603524)
• Softworn Peony color palette (#E5FBF2, #5EA9D1, #B56AAE, #006E98, #5D353B)
• Soft Rust Summit color palette (#DAFAF1, #5092CF, #BD604E, #915F00, #00251E)
• Cornflower Market color palette (#F4DEF5, #0E86F2, #9D6300, #004C90, #221200)
• Weathered Study color palette (#FAF1E1, #B7AB83, #867245, #69421F, #262407)
• Weathered Denim Canyon color palette (#F9EEF6, #C1B47D, #45527F, #1A244A, #140712)

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