Amber Coast color palette — #F6ECDF · #B68500 · #7F6400 · #4C4100 · #201E00
A conversation between Mustard and Ochre, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6ECDF): A whisper-light, dusty gold — the color of honey in a jar.
- Mustard (#B68500): A luminous, balanced gold — the color of old brass.
- Ochre (#7F6400): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#4C4100): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Onyx (#201E00): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Timeworn Bronze color palette (#FFEADF, #A76D00, #5B4700, #332F00, #002212)
- Quiet Drift color palette (#EDECDC, #888E00, #5D7000, #324E00, #102C00)
- Amber Lagoon color palette (#F3D8CD, #CF671B, #8B4B00, #603800, #2E1A00)
- Ancient Villa color palette (#E9EBD9, #A0A120, #696900, #333500, #080800)
- Hushed Amber Boulevard color palette (#F3D8C9, #CC8900, #947200, #5E6100, #1A2900)
- Powdered Plum color palette (#D2E8D9, #A18300, #C33378, #645000, #37001C)
- Tempered Chestnut color palette (#D3F1E1, #B6C48B, #81AE6F, #786300, #212600)
- Chalky Corridor color palette (#EEEACB, #847600, #007C5C, #9E2600, #151200)
Browse the whole catalog at Explore, or see today's palette.