Amber Coast color palette — #E2EFFC · #AF8725 · #003B63 · #001325 · #000205

A conversation between Mustard and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#E2EFFC): A whisper-light, dusty blue — the color of deep harbor water.
• Mustard (#AF8725): A luminous, balanced gold — the color of old brass.
• Navy (#003B63): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#001325): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000205): quiet, heavy and certain.

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

Use it as a design system

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

• Aged Navy Ridge color palette (#E2EAF4, #BE9A4B, #154584, #011A3F, #01050E)
• Aubergine Station color palette (#E1E5FB, #AF8620, #421385, #170038, #01010A)
• Navy Grove color palette (#E7F0FF, #987200, #0E0681, #01002A, #000107)
• Ember Pier color palette (#EBD7E8, #D56932, #112C7B, #061335, #130611)
• Mulberry Corridor color palette (#F4EFFF, #CBA13D, #820074, #380A31, #090512)
• Navy Courtyard color palette (#EFF6FF, #FFA061, #004BA7, #00163B, #000105)
• Onyx Bloom color palette (#D9DEF1, #836200, #230057, #230E1E, #030011)
• Hushed Pewter Corridor color palette (#F1F1F9, #D5C196, #6F567E, #2F2E45, #13131B)

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