Quiet Sapphire color palette — #DFF4E0 · #80B040 · #00A3A3 · #0765F3 · #000508
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 (#DFF4E0): A whisper-light, dusty green — the color of new leaves after rain.
- Clover (#80B040): A luminous, balanced green — the color of a quiet forest floor.
- Turquoise (#00A3A3): A luminous, balanced teal — the color of glacier melt.
- Royal Blue (#0765F3): A full-bodied, vivid violet — the color of wild irises.
- Ink (#000508): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged candy, vibrant, light.
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
- Indigo Garden color palette (#CFEBD8, #39C167, #00A4B5, #7456FF, #00050C)
- Marigold Harbor color palette (#E8F4DC, #B69C00, #00A773, #0080AD, #000403)
- Hazy Sapphire color palette (#EFE2D8, #7EAC9B, #446ADA, #005D5A, #0D0024)
- Jade Alley color palette (#C7F0FD, #00B286, #00868B, #005B92, #000507)
- Byzantium Archive color palette (#E1F3ED, #00B8A0, #0096DA, #AF06EE, #01001B)
- Softworn Study color palette (#DEE6D1, #5A926D, #266E7A, #624100, #0C1200)
- Faded Parlor color palette (#D4F3FE, #2D9600, #007077, #2F1A99, #000102)
- Hushed Delta color palette (#EEE0EC, #00CDD4, #6E9AFF, #D300CB, #0E002B)
Browse the whole catalog at Explore, or see today's palette.