Tempered Sapphire color palette — #FFF0F7 · #00C5AA · #0071D5 · #6E3400 · #001D20

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Turquoise (#00C5AA): A luminous, balanced teal — the color of sea glass.
• Royal Blue (#0071D5): A full-bodied, vivid blue — the color of deep harbor water.
• Bronze (#6E3400): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#001D20): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

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

• Muted Basin color palette (#DDFFE7, #00C0D0, #644AFC, #574400, #001B29)
• Dusty Field color palette (#FFF0FE, #00CC55, #007EA0, #870023, #001E18)
• Frosted Violet Corridor color palette (#DCFEF3, #4EC8E8, #8567CF, #455A00, #0D2337)
• Wandering Denim color palette (#FFDDC9, #00908C, #005492, #5A2800, #002F37)
• Airy Plum Station color palette (#FFE1A2, #00C8D6, #0095E7, #B7354E, #002E3A)
• Faded Glacier Cabin color palette (#DDFFE8, #6BDEF9, #8182C5, #7E6000, #3F2E00)
• Wandering Amethyst color palette (#D6FFF8, #3ABA08, #810EF0, #4D3E00, #141400)
• Antique Navy Delta color palette (#D6F4FF, #008CAC, #152264, #26242A, #00090E)

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