Quiet Sapphire color palette — #DDE8FF · #375ED9 · #7D5500 · #4C4A00 · #0F1C41
A conversation between Royal Blue and Coffee, giving this palette its sense of nature and growth.
The five colors
- Frost (#DDE8FF): A whisper-light, dusty violet — the color of a velvet chair.
- Royal Blue (#375ED9): A full-bodied, vivid violet — the color of twilight just after sunset.
- Coffee (#7D5500): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#4C4A00): A deep, shadowed, balanced green — the color of fresh herbs.
- Midnight (#0F1C41): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged cool.
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
- Wandering Petrol color palette (#CEF5E7, #0073A8, #845100, #524800, #002236)
- Ultramarine Balcony color palette (#D5DFFB, #364ABE, #485500, #0A431F, #060C33)
- Timeworn Veranda color palette (#ECDBE4, #6C52C6, #586600, #125629, #1F183D)
- Antique Brick color palette (#D5E3F6, #2D64CE, #B20026, #105D09, #00062A)
- Dusty Scarlet Boulevard color palette (#F0DCEE, #5884D6, #D13D46, #1A7F11, #091D43)
- Faded Iris color palette (#FFF0F8, #827CD1, #6B872F, #2C744C, #4A2D3F)
- Weathered Aubergine Grove color palette (#F4E8FF, #6D00A2, #374800, #00351A, #0F001B)
- Chalky Mulberry Bloom color palette (#F7D4D5, #9B327B, #6C4D00, #493300, #310D10)
Browse the whole catalog at Explore, or see today's palette.