Tempered Sapphire color palette — #F1E6E9 · #95B7D7 · #4265BC · #004A52 · #150F30

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

The five colors

• Rose Water (#F1E6E9): a clean, paper-quiet neutral.
• Sky (#95B7D7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#4265BC): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#150F30): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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 Bloom color palette (#FFECF3, #79C5F4, #0067ED, #005155, #150D46)
• Petrol Garden color palette (#DEF4F3, #8CB6DA, #2F6AA9, #004C66, #182D51)
• Muted Coast color palette (#EFE6ED, #83BFC4, #007794, #004D36, #00172B)
• Tempered Alley color palette (#F9ECDF, #9ACBF2, #6284CF, #006A75, #2C2654)
• Worn Grove color palette (#EFDFE7, #5993AC, #004B83, #002C2A, #01001D)
• Turquoise Grove color palette (#F6F0F4, #CFD4EE, #4AABBE, #427955, #263946)
• Faded Mulberry Harbor color palette (#DAEAE4, #879921, #9A0093, #424C00, #240022)
• Hazy Quarry color palette (#D3F2E8, #93DDBB, #00B9CB, #6C5500, #002423)

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