Quiet Sapphire color palette — #F9F1E4 · #87C3ED · #006FD7 · #004F5E · #090B4F
Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F9F1E4): bright and airy, almost weightless.
- Sky (#87C3ED): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006FD7): A full-bodied, vivid blue — the color of open sky before noon.
- Peacock (#004F5E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#090B4F): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Petrol Garden color palette (#EFE8DE, #87BCD1, #0073A7, #004B4D, #001532)
- Quiet Sapphire color palette (#FFF1F6, #87BFE5, #3859ED, #005654, #39245F)
- Airy Courtyard color palette (#EAFAED, #97D3FD, #258BFC, #006F83, #202D66)
- Muted Cerulean Atelier color palette (#F8F1E5, #B4DBC1, #008FBA, #00635D, #002741)
- Ultramarine Basin color palette (#F6EEE1, #7AA79A, #1F52AD, #003745, #060030)
- Abyss Loft color palette (#F3EBE0, #5096A0, #005267, #002C27, #00050B)
- Powdered Byzantium color palette (#F3E2FF, #9E2BD6, #8B5800, #005F5C, #190027)
- Antique Grape Courtyard color palette (#E6ECFF, #7D78FC, #6E00D2, #500070, #2A0031)
Browse the whole catalog at Explore, or see today's palette.