Sapphire Garden color palette — #CAE6D5 · #907F00 · #475AD5 · #544900 · #1A2355
Royal Blue takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#CAE6D5): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive Leaf (#907F00): A full-bodied, balanced green — the color of a quiet forest floor.
- Royal Blue (#475AD5): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#544900): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#1A2355): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, 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
- Sunlit Grape color palette (#C4E8D9, #8C9621, #643FB2, #484E00, #2C1C53)
- Worn Bronze Pier color palette (#F9D1E0, #B56A00, #0070AF, #6A3C00, #002B48)
- Timeworn Delta color palette (#EAEBD8, #717200, #762AAC, #3C3C00, #27043F)
- Grape Study color palette (#EFECDD, #7D6B00, #5F45B6, #692378, #261F00)
- Aged Studio color palette (#EFE7CF, #8C8200, #007A80, #4E4800, #001617)
- Airy Archive color palette (#E7FAF4, #8AAE42, #9F76B6, #557112, #4F375B)
- Amber Workshop color palette (#C6E8D3, #B09800, #00999B, #746300, #003030)
- Weathered Atelier color palette (#FDECDF, #609CF6, #A77900, #002B25, #09160B)
Browse the whole catalog at Explore, or see today's palette.