Quiet Sapphire color palette — #E2FDEE · #B6A518 · #3B6CC8 · #8D3700 · #531D00
Royal Blue takes the lead with Gold close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E2FDEE): A whisper-light, dusty teal — the color of sea glass.
- Gold (#B6A518): A luminous, balanced green — the color of a quiet forest floor.
- Royal Blue (#3B6CC8): A full-bodied, balanced violet — the color of wild irises.
- Burnt Sienna (#8D3700): A full-bodied, balanced orange — the color of toasted spice.
- Espresso (#531D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.
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
- Misty Atelier color palette (#E1FCF5, #81B637, #6C5CC6, #6E5000, #2F3400)
- Weathered Indigo color palette (#DFFDF0, #A4AC18, #7255D1, #8E285B, #5C0035)
- Airy Market color palette (#FAF6DE, #A6BE07, #9353E2, #9B0212, #460004)
- Worn Bloom color palette (#E5FCEB, #C89D18, #276ECA, #763487, #4A1158)
- Ancient Aubergine color palette (#F0F9E2, #009561, #005E97, #6C0067, #4C2400)
- Misty Hollow color palette (#E5EFB0, #7ACDB0, #5E9FC7, #9E6159, #693832)
- Misty Meadow color palette (#DCFDFD, #00D88F, #379BFE, #B4448D, #432B00)
- Gentle Garnet Lantern color palette (#C6E9E9, #19A76F, #853B7C, #7D003A, #40001A)
Browse the whole catalog at Explore, or see today's palette.