Quiet Sapphire color palette — #D8F7F6 · #00C263 · #0090BA · #4557F2 · #270B2E
Royal Blue takes the lead with Clover close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D8F7F6): A whisper-light, dusty teal — the color of shallow lagoons.
- Clover (#00C263): A luminous, vivid teal — the color of shallow lagoons.
- Cerulean (#0090BA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#4557F2): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#270B2E): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged jewel, vibrant.
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 Amethyst Courtyard color palette (#CCFAFF, #00B99A, #0087E3, #7448E0, #2B0621)
- Antique Indigo color palette (#D3EEF8, #00B1C0, #755FFF, #912F9C, #1F0B22)
- Chalky Moss color palette (#D3FDED, #96A600, #009F99, #007BA6, #140F38)
- Softworn Canyon color palette (#CDF1EA, #5EC500, #009F97, #006EA4, #2C2300)
- Hushed Magenta Atelier color palette (#ECE9FF, #E545FF, #009BA5, #0075B0, #1A0F3B)
- Hushed Peony color palette (#F5EBFF, #FE41B7, #0090C1, #465AE2, #230A2D)
- Frosted Moss Atelier color palette (#C1F2D9, #AFBC00, #4EA700, #007A87, #232E00)
- Ultramarine Atelier color palette (#FFF3E4, #C5850E, #1140F8, #0727A9, #0F0005)
Browse the whole catalog at Explore, or see today's palette.