Tempered Sapphire color palette — #E9F3FF · #72B1F7 · #0071D2 · #003567 · #001023

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

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Cornflower (#72B1F7): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0071D2): A full-bodied, vivid blue — the color of open sky before noon.
• Navy (#003567): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#001023): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, 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

• Linen Cobalt Orchard color palette (#EFF6FF, #6CB1FF, #006EC8, #003D7C, #002A49)
• Worn Navy color palette (#ECF1FF, #90A0DB, #485BB6, #1E1E8A, #060138)
• Antique Sky color palette (#DEF7FF, #36C1E5, #007794, #003C4C, #00151C)
• Powdered Cornflower color palette (#EEF6FF, #D8D8F7, #2895FD, #004D90, #00172D)
• Feathered Aubergine Villa color palette (#FFECF4, #C3B6F0, #826EBA, #4D317F, #1F093B)
• Gentle Amethyst Chapel color palette (#F4EFFF, #BA9CF3, #8140C8, #460080, #170030)
• Fuchsia Terrace color palette (#D1E4E6, #FF73D8, #978EFF, #1B0F47, #1A0713)
• Sunlit Terrace color palette (#E4E4FD, #7E74D1, #4A24A5, #1C0050, #010009)

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