Hushed Sapphire color palette — #FFF3E9 · #58C5F6 · #0766DF · #00574D · #31295E
Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF3E9): bright and airy, almost weightless.
- Sky (#58C5F6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#0766DF): A full-bodied, vivid blue — the color of deep harbor water.
- Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
- Navy (#31295E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.
Use it as a design system
One click turns Hushed 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 Loft color palette (#FBEBE2, #59C2D9, #006EAA, #00523C, #222B4F)
- Gentle Workshop color palette (#FFF2ED, #76E1EE, #008ABE, #006A40, #2C3F64)
- Worn Chapel color palette (#EADDD2, #69A7CD, #294DB1, #003E3B, #22153F)
- Chalky Azure Boulevard color palette (#F3F8E6, #88D6FF, #0095DD, #006F86, #00345E)
- Cerulean Courtyard color palette (#FBF4ED, #BCE7DB, #7D86B8, #256E72, #5A3F49)
- Tempered Periwinkle Pier color palette (#FFF0F8, #AEE2FF, #6CADFF, #00979A, #26276E)
- Antique Lagoon color palette (#FFEAE2, #29A2A7, #00516B, #003215, #001331)
- Feathered Delta color palette (#F6DDE8, #C70087, #007276, #14546D, #400D2B)
Browse the whole catalog at Explore, or see today's palette.