Amber Coast color palette — #FFF1F5 · #E7BB8E · #D09ECD · #B77F41 · #504765
A conversation between Caramel and Mauve, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Sand (#E7BB8E): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mauve (#D09ECD): A luminous, balanced pink — the color of a candy shop window.
- Caramel (#B77F41): A luminous, balanced gold — the color of honey in a jar.
- Charcoal Brown (#504765): A full-bodied, dusty violet — the color of wild irises.
Feels like: Optimism, Creativity, Sophistication. Tagged light, muted.
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
- Driftwood Hollow color palette (#FDF0FC, #F6AFAE, #A8ACE0, #C07474, #414C6A)
- Amber Bloom color palette (#FFF1F7, #EAB895, #87C197, #B67E54, #2B5654)
- Bronze Boulevard color palette (#FFF1F5, #D0A77E, #709DCC, #A16200, #354F6B)
- Hushed Orchard color palette (#FFF1F5, #B9D3B9, #B78E9C, #8C6878, #3B4D3E)
- Driftwood Courtyard color palette (#EAF9F3, #BECC8E, #6CBFD4, #879452, #2D5264)
- Powder Boulevard color palette (#FBF4EB, #F2CE9E, #80D2FF, #CD9F5F, #305648)
- Amber Alley color palette (#FEF3E8, #E6DFB4, #7FE3BD, #C78C47, #444741)
- Dusty Oat color palette (#ECF9F2, #E0D1A1, #828053, #355546, #242E29)
Browse the whole catalog at Explore, or see today's palette.