Sapphire Garden color palette — #FFF1F5 · #00B7C6 · #3764C8 · #5A3600 · #001521
Royal Blue and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Cyan (#00B7C6): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#3764C8): A full-bodied, vivid violet — the color of wild irises.
- Cocoa (#5A3600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#001521): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged retro.
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
- Gentle Teal color palette (#FFF0FB, #00BC9D, #00749F, #761600, #001617)
- Indigo Loft color palette (#E6FCEA, #06CCEB, #5D72E1, #674C00, #0B2435)
- Feathered Amethyst color palette (#DAFFEF, #06B0EE, #7147D6, #414300, #00122C)
- Dusty Villa color palette (#D7F8E2, #0098C1, #502AC8, #342A00, #00040C)
- Softworn Navy color palette (#F4E7D8, #008A85, #26439D, #3F2600, #001117)
- Aged Harbor color palette (#E8F8FF, #00A4B7, #AB1A74, #493500, #0E0D00)
- Hushed Iris color palette (#DDF9FF, #8DBFE2, #8177BC, #685412, #02382B)
- Powdered Courtyard color palette (#F0DBBA, #0085A0, #194993, #650302, #00283A)
Browse the whole catalog at Explore, or see today's palette.