Amber Coast color palette — #F6F3FF · #CB8ACB · #BD9100 · #0098A6 · #3A334D

Built around Mustard, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Mauve (#CB8ACB): A luminous, balanced pink — the color of neon signs at night.
• Mustard (#BD9100): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#0098A6): A luminous, balanced blue — the color of deep harbor water.
• Navy (#3A334D): A deep, shadowed, dusty violet — the color of wild irises.

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

• Blush Bloom color palette (#FBF1FF, #E97DA3, #90A340, #458EBC, #403147)
• Linen Amber color palette (#F2F4FF, #AB92F0, #E3770C, #279B82, #323650)
• Apricot Loft color palette (#FFF1F2, #E4A1DA, #E98F73, #7690CD, #3F2125)
• Mint Courtyard color palette (#FFF1F3, #E0A7E2, #8CC67E, #30B2A1, #4A2F34)
• Hazy Orchid color palette (#F5F3FF, #B264C4, #438D60, #21726A, #38344B)
• Peony Study color palette (#EFDAE3, #EF23A4, #878600, #0079A0, #3F0F2A)
• Misty Ember Studio color palette (#F9DAEC, #E76C2E, #00A273, #6F69C4, #3D2033)
• Patina Ash Archive color palette (#F6F3FF, #EADAD9, #F3C19E, #A18DC4, #4D4558)

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