Sapphire Grove color palette — #D0DFF4 · #80AFFF · #CDA71F · #1F6DF3 · #332700

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

The five colors

• Powder Blue (#D0DFF4): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#80AFFF): A luminous, balanced violet — the color of twilight just after sunset.
• Gold (#CDA71F): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#1F6DF3): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#332700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged vibrant.

Use it as a design system

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

• Indigo Balcony color palette (#E7EFFF, #ABBAFF, #DAB924, #6977F3, #403400)
• Amethyst Boulevard color palette (#D7DDF2, #BDB9FF, #C29E03, #6C49E8, #332800)
• Faded Lantern color palette (#CDE1F4, #8DC9FF, #E48903, #0073BC, #3E2100)
• Pale Lapis Grove color palette (#DBE6FF, #9EA6FF, #7F9D02, #4D2EE6, #161E00)
• Feathered Boulevard color palette (#EFF6FF, #75AAFF, #00AC76, #005AD1, #001F11)
• Quiet Lilac color palette (#F2F4FF, #CFC2FB, #B2C970, #A786F8, #3D4814)
• Byzantium Delta color palette (#DCDCF0, #C898E6, #81C140, #AA22E6, #193000)
• Ember Summit color palette (#CBE2EE, #37D8F8, #E55C2E, #0092AA, #4C1200)

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