Quiet Sapphire color palette — #ECF1E4 · #8CBDAF · #0068BF · #004C66 · #192D51
Royal Blue and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#ECF1E4): a clean, paper-quiet neutral.
- Mint Leaf (#8CBDAF): A luminous, dusty teal — the color of sea glass.
- Royal Blue (#0068BF): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004C66): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#192D51): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Aged Petrol Bloom color palette (#EEF0E3, #7DBDCD, #007390, #004F53, #003347)
- Petrol Alley color palette (#F1E7DD, #87BAE2, #4A68AC, #004A52, #150D35)
- Tempered Cerulean color palette (#F5F7E9, #97DBE9, #008DAB, #006668, #00475E)
- Cobalt Basin color palette (#FCE8EF, #93CBF7, #6084D0, #006A74, #2B2653)
- Patina Cerulean color palette (#E4E8DB, #479ABD, #005073, #002E38, #001528)
- Dusty Periwinkle Archive color palette (#F6EDE4, #B1D8F9, #8EA0E4, #009092, #34244C)
- Tempered Periwinkle Terrace color palette (#F4F6F0, #C8E4E9, #789BCE, #457591, #5D4C5A)
- Amber Drift color palette (#FFECE5, #F5BCAB, #D47A35, #863B47, #37302D)
Browse the whole catalog at Explore, or see today's palette.