Sapphire Coast color palette — #ECEFFF · #E0ABE3 · #DD7BA7 · #4A62B9 · #221F3F

Built around Royal Blue, softened by Bubblegum — the whole palette hums with creativity and balance.

The five colors

• Frost (#ECEFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Carnation (#E0ABE3): A luminous, balanced pink — the color of peonies in June.
• Bubblegum (#DD7BA7): A luminous, balanced rose — the color of strawberry cream.
• Royal Blue (#4A62B9): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#221F3F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Balance. Tagged pastel, light.

Use it as a design system

One click turns Sapphire 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

• Quiet Blush Dune color palette (#DCDBFF, #DFA8CA, #F06F8B, #6752A0, #381834)
• Wisteria Summit color palette (#E2EDFF, #C1BBF6, #D07EDE, #0070A3, #212249)
• Pale Boulevard color palette (#F5D3E4, #ECB5EB, #FF8F9A, #4483CA, #2D163D)
• Tempered Mallow Atelier color palette (#FFF1F5, #FAD1E4, #EB96D8, #6B5FA9, #170322)
• Sunlit Mallow color palette (#D7E0FF, #E591E6, #C4716B, #005375, #2E1D42)
• Hushed Tangerine Study color palette (#E3DDEA, #FFA3B1, #F3793C, #884D92, #3E1724)
• Tempered Violet color palette (#FFEDFE, #FFC6D8, #FF928D, #9168C6, #512A45)
• Airy Ember color palette (#F3E7FD, #E48890, #D0642D, #753671, #150219)

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