Quiet Sapphire color palette — #E6FCEA · #55F7A4 · #00BAD0 · #3B6BEE · #003948
Built around Sapphire, softened by Lagoon — the whole palette hums with nature and growth.
The five colors
- Ivory (#E6FCEA): A whisper-light, dusty teal — the color of sea glass.
- Lagoon (#55F7A4): A whisper-light, vivid teal — the color of sea glass.
- Cyan (#00BAD0): A luminous, balanced blue — the color of open sky before noon.
- Sapphire (#3B6BEE): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Teal (#003948): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged candy, vibrant, light, cool.
Use it as a design system
One click turns Quiet Sapphire 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
- Hazy Chartreuse color palette (#E8FCE6, #98E451, #00C4B9, #0B79E3, #003741)
- Antique Violet color palette (#DEFEED, #21F3C3, #00B9E2, #8A63FF, #033862)
- Lapis Boulevard color palette (#DCF7E8, #00D7B1, #009CB2, #575AC7, #00283D)
- Feathered Indigo color palette (#E6FBF0, #41D7C6, #00BBE7, #6C60C2, #3D2540)
- Hazy Cobalt Quarry color palette (#C3F5DD, #6CBAC8, #5B7FC3, #7D531C, #534D0B)
- Frosted Sky color palette (#E3FCF5, #6DF5FD, #66B8FF, #9B6BBA, #4D374B)
- Pale Navy color palette (#D7EDEF, #00A7D5, #0073B2, #004DA1, #3B3C7B)
- Hazy Chartreuse Basin color palette (#F0FADD, #D5DB00, #00C686, #0093B4, #00433B)
Browse the whole catalog at Explore, or see today's palette.