Quiet Sapphire color palette — #F9E9F5 · #90A5E6 · #00AE8E · #455AF4 · #004032
Built around Royal Blue, softened by Turquoise — the whole palette hums with creativity and calm.
The five colors
- Blush (#F9E9F5): A whisper-light, dusty pink — the color of a candy shop window.
- Cornflower (#90A5E6): A luminous, balanced violet — the color of a velvet chair.
- Turquoise (#00AE8E): A luminous, balanced teal — the color of shallow lagoons.
- Royal Blue (#455AF4): A full-bodied, vivid violet — the color of wild irises.
- Forest (#004032): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Creativity, Calm, Energy, Balance. Tagged vibrant, 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
- Gentle Garden color palette (#FFE7F0, #B697DF, #00A9B8, #894FC5, #003D44)
- Misty Station color palette (#FFE8F7, #7578E0, #00877B, #4800DE, #00201D)
- Frosted Peony color palette (#F8DAEE, #838EDC, #C0659F, #008698, #24274B)
- Cobalt Bloom color palette (#DCF5EE, #67AEEE, #D16DAD, #0076C2, #561C42)
- Mustard Dune color palette (#E7EFFF, #ABBAFF, #CDAD3E, #7A8ADD, #413400)
- Wandering Peony color palette (#FFF1F3, #E7B5BC, #7DBBD9, #B86CB5, #305647)
- Nightshade Hollow color palette (#FEE7F4, #8782D2, #A86800, #5245A1, #4C2E06)
- Muted Amethyst color palette (#FFE7F1, #AF97EA, #DE715C, #814BD8, #592218)
Browse the whole catalog at Explore, or see today's palette.