Amber Harbor color palette — #EAF9F4 · #82B6E2 · #C28E35 · #3D77A7 · #514C46

Mustard and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Sky (#82B6E2): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#C28E35): A luminous, balanced gold — the color of honey in a jar.
• Slate (#3D77A7): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#514C46): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

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

• Timeworn Moss Garden color palette (#FFF1F6, #B6A4E1, #97A149, #7A64A7, #4F4D46)
• Tempered Lagoon color palette (#E6FAF4, #6C9DC8, #B67A46, #82773F, #2E4941)
• Dusty Blush color palette (#EEF8F1, #72BDCE, #D1789F, #148093, #644341)
• Wandering Bloom color palette (#E8F3FF, #78B9F8, #C586A6, #4675A4, #382A44)
• Powder Field color palette (#E4FBF5, #95C9FF, #DE99BB, #6090C1, #614544)
• Periwinkle Alley color palette (#EEF6FF, #B4D9FF, #EBBE85, #7AADE0, #3E543D)
• Patina Ridge color palette (#EAF9F5, #E5D4CE, #EFC5EF, #749A81, #5E4E5B)
• Patina Ultramarine Alley color palette (#FFF0FC, #658AFF, #937E00, #2C45D5, #453A00)

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