Amber Coast color palette — #F4E6DE · #C68500 · #777000 · #285300 · #001307
A conversation between Mustard and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F4E6DE): a clean, paper-quiet neutral.
- Mustard (#C68500): A luminous, balanced gold — the color of old brass.
- Olive (#777000): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#285300): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#001307): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Bronze Lagoon color palette (#F7EFDB, #998300, #595700, #2A2F00, #060D00)
- Ember Terrace color palette (#FDDFDE, #EC5A00, #936100, #574C00, #050C00)
- Olive Summit color palette (#EEE1C7, #969A00, #308800, #00523B, #001110)
- Aubergine Drift color palette (#F0E7DB, #BA7800, #557E11, #3D2E86, #100B00)
- Tempered Nightshade color palette (#EDDBC2, #A47800, #007085, #3D2F91, #120015)
- Pine Quarry color palette (#F4DBC5, #E4B100, #8A9D00, #188113, #003227)
- Bronze Pier color palette (#F7EBDE, #AEB49A, #8A9E82, #9C6300, #1E1102)
- Hazy Emerald color palette (#EFE8D7, #FF934E, #BB9F00, #009A50, #0B0E00)
Browse the whole catalog at Explore, or see today's palette.