Quiet Sapphire color palette — #F3ECE0 · #88B7DB · #2572D6 · #005768 · #11164F
Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F3ECE0): a clean, paper-quiet neutral.
- Sky (#88B7DB): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#2572D6): A full-bodied, vivid blue — the color of deep harbor water.
- Peacock (#005768): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#11164F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Muted Cobalt Drift color palette (#EAE3D7, #90BDA6, #007DB6, #00595C, #001F42)
- Hazy Cobalt Balcony color palette (#ECF9EE, #9AD3FF, #3679D3, #004F5F, #050233)
- Tempered Parlor color palette (#F5EADF, #6DA6CD, #2D47BD, #003E3D, #241342)
- Iris Lantern color palette (#F6E0E8, #91C7EF, #6D8AF1, #007D7C, #24153C)
- Hushed Chapel color palette (#FDF4E6, #88D9ED, #0099CA, #00736E, #003659)
- Aged Periwinkle color palette (#FBF4E9, #BEDFFF, #739AE7, #007E9D, #353873)
- Dusty Lagoon color palette (#F9F4EE, #C3E6DB, #54B5C3, #2E8D6F, #164F61)
- Feathered Plum color palette (#FBE4E5, #C04259, #457900, #0058A4, #290008)
Browse the whole catalog at Explore, or see today's palette.