Sapphire Garden color palette — #CEE4D7 · #927E00 · #2558E9 · #554900 · #122553
A conversation between Royal Blue and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#CEE4D7): A whisper-light, dusty teal — the color of glacier melt.
- Olive Leaf (#927E00): A full-bodied, balanced green — the color of new leaves after rain.
- Royal Blue (#2558E9): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Olive (#554900): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#122553): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
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
- Quiet Lapis Orchard color palette (#CAE5DB, #889821, #4E38D3, #454F00, #222054)
- Indigo Alley color palette (#DBF6EA, #939328, #5B6AE0, #5A5B00, #2A315B)
- Muted Villa color palette (#D3E3DD, #687500, #6900D7, #363E00, #21014B)
- Gentle Ultramarine color palette (#DBE9DF, #826800, #244DD1, #5F2C94, #042713)
- Bronze Pier color palette (#D0E5D0, #AA7100, #00778A, #644100, #002F38)
- Sunlit Grape color palette (#C7E5E2, #26A854, #772BB6, #005925, #351750)
- Washed Studio color palette (#E7DDC8, #E0C047, #6B86EA, #9B8000, #182356)
- Soft Nightshade color palette (#D1F5F3, #00723B, #4B00C6, #003719, #0F0038)
Browse the whole catalog at Explore, or see today's palette.