Tempered Sapphire color palette — #F1E7DD · #93B8D7 · #3D63C9 · #004A52 · #150F31

Royal Blue and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F1E7DD): bright and airy, almost weightless.
• Sky (#93B8D7): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#3D63C9): A full-bodied, vivid violet — the color of wild irises.
• Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#150F31): A deep, shadowed, dusty violet — the color of wild irises.

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

• Tempered Dune color palette (#F3E6E0, #80BFCC, #0074A1, #004D3F, #001534)
• Petrol Summit color palette (#ECF1E4, #7DB7EC, #2A68B3, #004B69, #172B56)
• Cornflower Bloom color palette (#FCE9EF, #94CBF8, #5D82DA, #006A75, #2C2651)
• Timeworn Cerulean Bloom color palette (#FAEFEA, #B2D1B3, #008AA5, #005F3C, #00281E)
• Dusty Denim Atelier color palette (#EEE0D5, #3E95B9, #004B85, #002C2B, #02001D)
• Hazy Coast color palette (#EAEBDA, #59A422, #6C24CE, #275300, #180038)
• Softworn Lagoon color palette (#F6E8E1, #29878D, #004254, #002014, #000104)
• Hushed Ash Hollow color palette (#F7F0ED, #C6E8DD, #68A8B5, #4E765B, #253C33)

Browse the whole catalog at Explore, or see today's palette.