Tempered Sapphire color palette — #F1E7DD · #89B9E2 · #4865B8 · #004A53 · #160C36
Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F1E7DD): bright and airy, almost weightless.
- Sky (#89B9E2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#4865B8): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Teal (#004A53): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#160C36): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered 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
- Dusty Sapphire Dune color palette (#F8EAEE, #8DB6DB, #525FB3, #004F52, #35234C)
- Patina Courtyard color palette (#F5E5DE, #7CC1C8, #007698, #004D39, #00172D)
- Ancient Cobalt Coast color palette (#E9F1EA, #A7C8E9, #6085CA, #006881, #242856)
- Chalky Veranda color palette (#FCE7FF, #B6B9F7, #D589C5, #006A7D, #2D132A)
- Forest Veranda color palette (#FCEFE8, #AED2B2, #2E88A1, #005E40, #00271E)
- Feathered Balcony color palette (#D3F3F8, #0091B3, #005EA1, #012873, #140C3A)
- Chalky Lantern color palette (#CFE5FF, #006CC1, #864F00, #5D4A00, #000B1C)
- Timeworn Cerulean Corridor color palette (#F6EAE0, #1596C5, #004A88, #002C2B, #02001C)
Browse the whole catalog at Explore, or see today's palette.