Amber Coast color palette — #F9DBE5 · #C37800 · #52582D · #402730 · #090207

Built around Mustard, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F9DBE5): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#C37800): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#52582D): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#402730): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#090207): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Amber Studio color palette (#D8EFDD, #AF8400, #2A5E55, #213526, #090206)
• Ember Summit color palette (#FBE3F3, #F34200, #645029, #3E2738, #070309)
• Tempered Bronze Archive color palette (#FFEAD2, #9D6300, #3D3200, #221201, #0A0300)
• Mustard Veranda color palette (#D9E9E0, #BEAC33, #567774, #3C4F44, #1E1519)
• Hushed Olive Lagoon color palette (#C4EBDA, #6D7000, #003D24, #102022, #000A05)
• Patina Marigold Harbor color palette (#F6E1D7, #E8990D, #A18800, #567800, #00360F)
• Weathered Clover color palette (#C3ECEB, #00BF6F, #21747A, #274847, #031610)
• Mustard Orchard color palette (#C4E8D5, #D4C630, #887DE2, #8F8500, #28175F)

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