Amber Coast color palette — #F8D7C8 · #C97000 · #7A5600 · #4C3F00 · #262E00

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

The five colors

• Shell Pink (#F8D7C8): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#C97000): A luminous, balanced gold — the color of old brass.
• Coffee (#7A5600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4C3F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#262E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Feathered Ember color palette (#FADFE1, #DE6650, #904300, #5A3600, #282F03)
• Amber Villa color palette (#FFE5D6, #C5871F, #826A00, #4D4A00, #003E23)
• Hushed Veranda color palette (#F1E7D7, #8F8A4B, #6E5000, #552A00, #1C2902)
• Lapis Basin color palette (#EEDBC0, #A27600, #5359CC, #5F4400, #1D1D60)
• Softworn Dune color palette (#EFE4C6, #6F6700, #384B00, #042B02, #00190C)
• Weathered Bronze color palette (#F8E0DF, #91B5FF, #A27B00, #26270B, #191207)
• Chalky Moss Lantern color palette (#ECE7D9, #868A00, #456600, #004C13, #003826)
• Antique Chestnut Harbor color palette (#FCEAD0, #B7CD92, #5BAB90, #874A27, #303305)

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