Sapphire Coast color palette — #FBF2FA · #97BAFF · #F02D40 · #2967FD · #350D0E

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

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Sky (#97BAFF): A luminous, balanced violet — the color of twilight just after sunset.
• Poppy (#F02D40): A luminous, vivid orange — the color of toasted spice.
• Royal Blue (#2967FD): A full-bodied, vivid violet — the color of a velvet chair.
• Onyx (#350D0E): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Creativity, Energy, Balance. Tagged duotone, vibrant.

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

• Antique Terrace color palette (#E6FBF4, #7DC1FF, #D94C77, #007CCA, #360A18)
• Amethyst Balcony color palette (#FEF1F8, #B1AAF3, #BF614C, #7252DE, #281105)
• Rose Summit color palette (#EFF6FF, #C6D9FF, #FB3E69, #4273F3, #120413)
• Lapis Ridge color palette (#F6E6F0, #929BF5, #BE3768, #4F45DB, #20010B)
• Chalky Violet color palette (#FDF2F5, #D4B7E9, #C8765D, #9C63C0, #321F14)
• Hazy Scarlet color palette (#FFF0FA, #848FFC, #CD3A3E, #006643, #242170)
• Dusty Balcony color palette (#FFF1F4, #D9A0F6, #C46D00, #AC21E1, #2D1700)
• Pale Lantern color palette (#FFF0F8, #CBC7FF, #E573E7, #9787F9, #2D1419)

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