Tempered Sapphire color palette — #DEECFA · #679EE4 · #3C64BF · #2B3D85 · #171948
Built around Royal Blue, softened by Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#DEECFA): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#679EE4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#3C64BF): A full-bodied, balanced violet — the color of wild irises.
- Indigo (#2B3D85): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#171948): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Wandering Lagoon color palette (#BFE9F7, #5EA2D7, #2F68C3, #3A35A0, #432A61)
- Linen Azure color palette (#D2EBF2, #19A7D2, #006E96, #00496C, #002440)
- Indigo Garden color palette (#DBE3FC, #98A2ED, #7570BF, #514282, #302345)
- Hushed Navy color palette (#EFF0FF, #9FA0EB, #5F57AA, #2D1F6D, #0A0130)
- Patina Cornflower Drift color palette (#E8F7FF, #93CDFF, #548AE5, #5753A6, #3B2A54)
- Antique Nightshade color palette (#E2E9FA, #8189D5, #BA5866, #4544AB, #3C000F)
- Timeworn Pier color palette (#E9E4FD, #A583D5, #8450A8, #5C236C, #331034)
- Nightshade Archive color palette (#D4E2F7, #436ADB, #362FB4, #220074, #0C002B)
Browse the whole catalog at Explore, or see today's palette.