Amber Harbor color palette — #E8FBE9 · #C18D37 · #588DC6 · #737199 · #384739

Mustard takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E8FBE9): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#C18D37): A luminous, balanced gold — the color of old brass.
• Cerulean (#588DC6): A luminous, balanced blue — the color of open sky before noon.
• Slate (#737199): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#384739): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Moss Hollow color palette (#E1FDF2, #94A04C, #8981B6, #8A6183, #334740)
• Washed Amber color palette (#FFF0F8, #CD835F, #3797B2, #58799D, #4F3C46)
• Wandering Cobalt Terrace color palette (#E1F9E8, #B09A5A, #718EBE, #5979AC, #1B2C21)
• Mustard Garden color palette (#FFF4E1, #CDAD68, #8FA4D5, #9081B2, #583C00)
• Tempered Stone Loft color palette (#ECFAEC, #B1E6D1, #8ECBC8, #9E7E90, #415149)
• Tempered Driftwood color palette (#EBFAEC, #9CC3AC, #6A8A6B, #725363, #3C4C46)
• Indigo Balcony color palette (#F3EEBD, #8E8200, #5857EF, #7043AE, #373100)
• Clover Boulevard color palette (#D5FFFA, #4AB557, #8A4C98, #914A4F, #213E3B)

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