Tempered Sapphire color palette — #FBE9FD · #0068C1 · #242749 · #221123 · #06150F

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

The five colors

• Blush (#FBE9FD): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#0068C1): A full-bodied, vivid blue — the color of deep harbor water.
• Midnight (#242749): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#221123): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#06150F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Twilit Ultramarine color palette (#F2DFEC, #4D57B4, #381B28, #1D0E19, #080204)
• Airy Parlor color palette (#DCE9F7, #0089E9, #4A3B6B, #032848, #05141A)
• Velvet Alley color palette (#CAEBDE, #00719E, #152A4D, #001E15, #000A09)
• Periwinkle Coast color palette (#E3EFFD, #51A4FF, #5C6294, #2E435B, #09131A)
• Driftwood Chapel color palette (#FFEDEF, #9B6897, #4A3735, #322426, #1A1312)
• Aubergine Basin color palette (#FFE9F5, #4700B5, #23180E, #180325, #0A0005)
• Weathered Violet Orchard color palette (#ECE7FF, #8D58F1, #AD5800, #00715D, #342654)
• Eclipse Grape color palette (#FDDCE3, #8C00A7, #380728, #1F020A, #070000)

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