Amber Harbor color palette — #D7E0F2 · #00BEAC · #D37900 · #241B01 · #150A0E

Mustard and Turquoise set the tone — five colors that lean into optimism and balance.

The five colors

• Frost (#D7E0F2): A whisper-light, dusty violet — the color of wild irises.
• Turquoise (#00BEAC): A luminous, balanced teal — the color of shallow lagoons.
• Mustard (#D37900): A luminous, balanced gold — the color of honey in a jar.
• Onyx (#241B01): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#150A0E): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Balance. Tagged neon, dark, vibrant, 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

• Amber Atelier color palette (#E5E1F4, #00BEAE, #AE9000, #153120, #07190E)
• Pale Ember Lagoon color palette (#E8F0FF, #00C377, #ED6002, #2B1A00, #1B0D15)
• Feathered Harbor color palette (#C5EFF1, #2ED226, #CDA100, #46423B, #1D1404)
• Amber Delta color palette (#EBD9DE, #AC862C, #4D2E00, #221200, #150302)
• Weathered Workshop color palette (#F7E4F7, #3EB5FD, #8B9C00, #00352D, #001D14)
• Ember Boulevard color palette (#C6E2F9, #A7B0FF, #E84F40, #3A1D0F, #1E0E07)
• Weathered Cerulean Study color palette (#F8E8F4, #0090B9, #7B7500, #080F06, #000201)
• Timeworn Mustard Alley color palette (#ECDCEE, #0EDCF1, #D1AF00, #294744, #242F28)

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