Amber Coast color palette — #F7DFD6 · #D47800 · #730019 · #3A0008 · #140900

A conversation between Mustard and Oxblood, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F7DFD6): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#D47800): A luminous, balanced gold — the color of afternoon light on wheat.
• Oxblood (#730019): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#3A0008): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#140900): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged luxury, dark, warm.

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

• Linen Ember Courtyard color palette (#FFDAD9, #E76603, #6C0047, #360021, #210406)
• Dusty Workshop color palette (#F7E0CB, #C18500, #582F00, #2B1400, #0C0800)
• Garnet Lantern color palette (#F5E2DF, #A29900, #74003E, #2F0016, #0B0000)
• Hazy Ember Archive color palette (#FFEEE5, #F34B00, #734A00, #7D2200, #1C0E00)
• Mulberry Harbor color palette (#EEDEF4, #B5B100, #A60055, #530E2B, #190620)
• Faded Amber Hollow color palette (#F3DDCC, #D08300, #805800, #4A3700, #2F2700)
• Bronze Boulevard color palette (#F7E3B6, #AD6C00, #654F00, #00442C, #392400)
• Washed Chestnut color palette (#FBF4EA, #C4AB77, #664D00, #312D27, #1B1C0E)

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