Sapphire Garden color palette — #E6DED1 · #A38200 · #4461E7 · #5D4A00 · #070050
A conversation between Royal Blue and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Bone (#E6DED1): bright and airy, almost weightless.
- Mustard (#A38200): A luminous, balanced green — the color of new leaves after rain.
- Royal Blue (#4461E7): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#5D4A00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#070050): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Optimism, 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
- Lapis Ridge color palette (#F6EFD5, #9C9B22, #5D34E6, #504F00, #150047)
- Feathered Lapis color palette (#CDEFD2, #AA7C00, #6143FF, #664900, #271576)
- Linen Denim Studio color palette (#FFE9CE, #C68722, #0065B0, #694300, #00162E)
- Muted Indigo color palette (#CBEFD6, #D1AB29, #5B6BEC, #806600, #1C1879)
- Weathered Drift color palette (#FAF9CA, #CFC628, #348DEF, #736E00, #001E41)
- Soft Violet color palette (#F7F4D0, #92B826, #8953C8, #4E6500, #2D0151)
- Weathered Moss Harbor color palette (#E2E3C7, #63A23A, #7E3B93, #285300, #21002B)
- Linen Ember color palette (#F7E2DA, #DC5500, #007E9C, #802E00, #001922)
Browse the whole catalog at Explore, or see today's palette.