Sapphire Grove color palette — #EFF6FF · #0A6CF3 · #6C6B00 · #4D4E00 · #162C48

Royal Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Royal Blue (#0A6CF3): A full-bodied, vivid blue — the color of open sky before noon.
• Olive (#6C6B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4D4E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#162C48): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Quiet Amethyst Study color palette (#E9EEFF, #784DDC, #676500, #494800, #20243C)
• Frosted Dune color palette (#ECF7FF, #007FB6, #9B4F00, #723800, #122E42)
• Pale Orchard color palette (#F3F4FF, #9367CC, #2F8355, #295F42, #303142)
• Violet Hollow color palette (#F3F4FF, #934AF6, #7F4C00, #004D30, #003232)
• Hazy Periwinkle Pier color palette (#FEF0FF, #5DACFF, #7B7900, #3A6C2C, #0C2C4C)
• Powdered Cabin color palette (#E3F5FF, #0089A8, #397E00, #0D590B, #00171F)
• Violet Field color palette (#E6FFD0, #8672FB, #9A2E76, #005339, #323152)
• Antique Indigo Garden color palette (#F3F5FD, #E6D4E7, #C3B7CC, #6D5CA6, #3C3F4C)

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