Tempered Sapphire color palette — #FFF0F7 · #69C4EB · #0B6AD2 · #00574C · #301F73

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Sky (#69C4EB): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0B6AD2): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Forest (#00574C): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#301F73): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Feathered Petrol color palette (#F6EBF2, #77BECD, #006FA6, #005239, #1D2958)
• Azure Loft color palette (#E9FBEC, #8AD6FB, #0093E6, #00717A, #012D72)
• Cerulean Canyon color palette (#FDF1FB, #99DBE2, #138ABA, #006B3E, #273F69)
• Chalky Denim Parlor color palette (#F2E2E9, #69A7CA, #2C52A3, #003E3A, #221148)
• Tempered Station color palette (#FCF2F5, #C5E0F9, #7B86BD, #007074, #434561)
• Hazy Periwinkle Garden color palette (#FFF2E9, #A8E3FF, #71ACFF, #009988, #302763)
• Weathered Bloom color palette (#F3E5F2, #36A1A3, #005269, #003311, #00132E)
• Quiet Corridor color palette (#C7FFFE, #72E4FF, #94A2FF, #5C7100, #003D3E)

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