Amber Coast color palette — #FAEBE3 · #B57900 · #626000 · #2D3F00 · #001E0F
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FAEBE3): a clean, paper-quiet neutral.
- Mustard (#B57900): A luminous, balanced gold — the color of honey in a jar.
- Olive (#626000): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#2D3F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#001E0F): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Patina Amber color palette (#F2DBC6, #BF921F, #657200, #205300, #002718)
- Hazy Boulevard color palette (#FAEACA, #818400, #356A00, #003E21, #001B19)
- Mustard Lantern color palette (#FFE6C3, #DFAF00, #8C7C00, #505500, #111E00)
- Quiet Ember color palette (#FBD7D7, #D85700, #7A5200, #3C3000, #111600)
- Wandering Alley color palette (#E6DFC9, #71915D, #5D5700, #462A00, #001309)
- Olive Study color palette (#EDDFC9, #A8B158, #3F8F1C, #006041, #213418)
- Airy Ultramarine color palette (#E1E0CC, #749E2D, #3444D4, #365000, #06083A)
- Aged Peony Courtyard color palette (#F3E6FB, #FB65C1, #5D8000, #0D1600, #040300)
Browse the whole catalog at Explore, or see today's palette.