Amber Coast color palette — #FDF2F6 · #A590C8 · #C1735B · #137868 · #3B2C32

Caramel and Teal set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FDF2F6): a clean, paper-quiet neutral.
• Mauve (#A590C8): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#C1735B): A luminous, balanced orange — the color of autumn markets.
• Teal (#137868): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#3B2C32): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Creativity, Sophistication. Tagged jewel, vibrant, 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

• Amber Studio color palette (#FDF2F4, #C399CD, #AF802D, #2A6C86, #3D2E31)
• Wandering Summit color palette (#F6F3FD, #E0AED3, #B87E65, #43724C, #1D2330)
• Ember Dune color palette (#EEF8EF, #40B2BA, #CA6A58, #347B69, #2C382E)
• Blush Atelier color palette (#F1F8E8, #B4B7F7, #C47792, #407B70, #544247)
• Olive Parlor color palette (#FFF2F0, #CF799B, #698600, #23649D, #39211F)
• Ancient Studio color palette (#F2F5FF, #987ED0, #806023, #2B5A3A, #293843)
• Hushed Taupe Balcony color palette (#FAF3F5, #E3D9D4, #B5B3A6, #B58F9D, #5A4F53)
• Worn Atelier color palette (#FBEEEF, #C97EB7, #83442A, #433334, #262022)

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