Sapphire Garden color palette — #F6F6EB · #9DBB72 · #2F6BC9 · #4D6B0F · #2B202B
Built around Royal Blue, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F6EB): bright and airy, almost weightless.
- Sage (#9DBB72): A luminous, balanced green — the color of a quiet forest floor.
- Royal Blue (#2F6BC9): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#4D6B0F): A full-bodied, balanced green — the color of a quiet forest floor.
- Onyx (#2B202B): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Wandering Chapel color palette (#F3F7ED, #6FC394, #7458C0, #017246, #301D27)
- Patina Mustard Courtyard color palette (#F9F5EB, #C0AF5E, #007B96, #6F5F00, #14291E)
- Weathered Veranda color palette (#EAF4F4, #6BCB8E, #02829C, #31744B, #021018)
- Airy Azure Coast color palette (#F3F7EB, #7DDC9E, #0B9CD1, #489263, #142921)
- Weathered Loft color palette (#FFF2EC, #54AC7E, #00739F, #763932, #334230)
- Byzantium Loft color palette (#F0F8EE, #00BAAB, #8C00D3, #00645B, #2F111E)
- Quiet Aqua color palette (#EDFAE8, #C6F3A6, #00CFCA, #6D80D5, #244032)
- Airy Navy color palette (#E9FDD0, #71BF9D, #00878A, #00547A, #343478)
Browse the whole catalog at Explore, or see today's palette.