Sapphire Bloom color palette — #EFF6FF · #DBD8E2 · #CAA8A9 · #3670FF · #172539

Built around Sapphire, softened by Midnight — the whole palette hums with creativity and energy.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Silver (#DBD8E2): bright and airy, almost weightless.
• Rosewood Mist (#CAA8A9): A luminous, dusty red — the color of late-summer berries.
• Sapphire (#3670FF): A full-bodied, vivid violet — the color of a velvet chair.
• Midnight (#172539): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Creativity, Energy, Sophistication. Tagged scandi, muted, light, vibrant.

Use it as a design system

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

• Violet Canyon color palette (#F2F4FF, #DFD7E0, #D3ADA4, #8B5CE4, #1F223D)
• Timeworn Cerulean color palette (#ECF7FF, #D8D9E4, #BBA7AD, #0089B9, #0D2738)
• Worn Periwinkle color palette (#EFF6FE, #E0D5ED, #E8B4C1, #519AF2, #243446)
• Timeworn Boulevard color palette (#F8EEF8, #EAC9D9, #CB9EA3, #0A59AC, #221422)
• Nocturne Violet color palette (#E9EDFF, #884FFF, #3E164B, #0A0021, #000009)
• Plum Canyon color palette (#F1F5FF, #838BFF, #C3005F, #503C00, #001711)
• Emerald Lagoon color palette (#DCFFED, #B2D084, #38943C, #005C96, #172300)
• Byzantium Summit color palette (#FFF4DE, #8BA4FF, #9A3DCC, #5C4100, #180645)

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