Amber Coast color palette — #FFF1F6 · #D28C50 · #00A1B5 · #556BAD · #3F2D34

A conversation between Mustard and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D28C50): A luminous, balanced gold — the color of old brass.
• Cerulean (#00A1B5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#556BAD): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#3F2D34): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged cool.

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

• Washed Amber Lantern color palette (#E8FBEE, #B99C3C, #3F98CD, #795FA3, #22392A)
• Gentle Amber Ridge color palette (#EDF9EE, #C18831, #008797, #5B5294, #312231)
• Jade Veranda color palette (#FDF0FE, #DE7D8A, #00A87F, #247998, #3C2D3E)
• Apricot Dune color palette (#FFF3E8, #F1A66D, #80B3DF, #6195C2, #37322D)
• Aged Delta color palette (#FFF2EE, #EB989B, #829ED5, #7667A3, #341E18)
• Muted Ember Lagoon color palette (#FFF0F8, #CC5A00, #3F73AF, #2D5482, #3F2C37)
• Grape Balcony color palette (#FAE1B6, #AC7D00, #0083A9, #6705D3, #2B1C00)
• Dusty Archive color palette (#E6FCEA, #C4B166, #649646, #4D6291, #284438)

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