Sapphire Garden color palette — #F1E1D2 · #7CB9E4 · #366ED8 · #00585F · #1C1646
Royal Blue and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F1E1D2): A whisper-light, dusty gold — the color of old brass.
- Sky (#7CB9E4): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#366ED8): A full-bodied, vivid violet — the color of a velvet chair.
- Peacock (#00585F): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Indigo (#1C1646): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Antique Drift color palette (#F4E8E2, #58C2D6, #007EAE, #005B4B, #001E44)
- Wandering Cobalt Loft color palette (#EDF9EF, #ADD0EE, #3A7ACD, #004F5E, #040037)
- Wandering Nightshade Hollow color palette (#EDE0D3, #78A5C4, #334DAC, #003E3D, #251046)
- Hushed Iris Villa color palette (#EEE3E7, #9AC6E6, #6B8AF3, #007D7C, #261143)
- Azure Field color palette (#FFF2EC, #4EE0FD, #0097D4, #007463, #103260)
- Iris Drift color palette (#FFF3E6, #BDDFFF, #7094FF, #008090, #3F3866)
- Aged Summit color palette (#D9F2F3, #00AFB8, #007274, #003E3F, #00090A)
- Wandering Pier color palette (#A9F2E3, #62D7FB, #7D9BF2, #1F7F4A, #002D30)
Browse the whole catalog at Explore, or see today's palette.