Sapphire Garden color palette — #D1E5D7 · #997C00 · #2D60D7 · #564400 · #000641

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

The five colors

• Celadon Mist (#D1E5D7): A whisper-light, dusty teal — the color of glacier melt.
• Ochre (#997C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Blue (#2D60D7): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Indigo (#000641): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged cool.

Use it as a design system

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

• Bronze Cabin color palette (#DFF1E1, #A3760E, #0073A6, #5D4100, #001422)
• Pale Lagoon color palette (#D6F0E5, #92974A, #4F77D2, #575A00, #061746)
• Grape Station color palette (#C6E8DA, #6A7200, #5435C3, #363A00, #080024)
• Airy Cornflower Summit color palette (#FFF4E0, #DCB342, #637AE2, #7B5F00, #0B0C47)
• Sunlit Byzantium color palette (#D2E7DC, #8D8200, #9739B1, #4E4800, #21002A)
• Wandering Bloom color palette (#DEF5E4, #836700, #5141CD, #690092, #100A00)
• Quiet Garnet color palette (#FAE6F4, #C45B46, #007699, #831600, #00151E)
• Faded Violet Basin color palette (#F1DAC3, #D68216, #935CFF, #8E5300, #2C1F4C)

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