Amber Coast color palette — #F4E7DB · #CC7900 · #6F7A00 · #006047 · #2A0003

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

The five colors

• Parchment (#F4E7DB): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#CC7900): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#6F7A00): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#006047): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#2A0003): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Olive Basin color palette (#EADDCC, #A97500, #487200, #004F47, #150200)
• Patina Ember Balcony color palette (#FFECE0, #EC5A10, #8B6F00, #166205, #270014)
• Powdered Amber Terrace color palette (#F2E4D5, #C98B00, #9A7100, #725800, #251F00)
• Wandering Cabin color palette (#EDEAD6, #859C00, #008669, #005A70, #1B0F00)
• Aged Bronze color palette (#F5E5D8, #BC9C63, #948208, #3F6F57, #002E2A)
• Hushed Bronze color palette (#FFEBDA, #B65F00, #5D3900, #2F1600, #040100)
• Mustard Harbor color palette (#F3E7C8, #B8AC00, #00A462, #007582, #381C00)
• Pale Loft color palette (#FFECFA, #DD2900, #005B48, #00283C, #02000C)

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