Sapphire Bloom color palette — #EFF6FF · #AAC8FF · #C1B407 · #2C71FA · #342F00

Built around Sapphire, softened by Gold — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#AAC8FF): A whisper-light, balanced violet — the color of a velvet chair.
• Gold (#C1B407): A luminous, balanced green — the color of fresh herbs.
• Sapphire (#2C71FA): A full-bodied, vivid violet — the color of twilight just after sunset.
• Espresso (#342F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Energy, Balance. Tagged 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

• Linen Cobalt Field color palette (#EEF6FF, #9BCCFF, #EB9E07, #007FD9, #412800)
• Weathered Violet color palette (#F2F4FF, #C5B0FF, #BFA807, #7F5CC4, #2F2800)
• Chalky Iris color palette (#FFF0FC, #AAC4FF, #00D6A5, #6690FF, #004634)
• Pale Terrace color palette (#F3F4FF, #DFC8FF, #63D68E, #9976C6, #024240)
• Soft Terrace color palette (#F2F5FF, #B9AAFF, #BC7E00, #6236C0, #241500)
• Apricot Quarry color palette (#EAF8FF, #5BD9FF, #FF885B, #008CAB, #521900)
• Linen Amber color palette (#F0F5FF, #8EAAFF, #C89400, #8B8C00, #161F3F)
• Quiet Studio color palette (#FFF0FC, #6E8DF0, #9E7800, #3249CA, #4B3700)

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