Tempered Sapphire Market color palette — #FEF3E8 · #75C1F3 · #2E67D0 · #00555B · #2D2669

Built around Royal Blue, softened by Royal Purple — the whole palette hums with trust and stability.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Sky (#75C1F3): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#2E67D0): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00555B): A full-bodied, dusty blue — the color of open sky before noon.
• Royal Purple (#2D2669): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Tempered Sapphire Market 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

• Aged Sapphire Pier color palette (#FFEFDF, #79C4F7, #4466DB, #005250, #210345)
• Quiet Aqua Corridor color palette (#FFF2EC, #4BCBE2, #0077A4, #005748, #013167)
• Softworn Cobalt color palette (#FCF3EC, #99CDEC, #4D79B7, #005F62, #4F2E45)
• Hushed Ultramarine Grove color palette (#F3E9DE, #6AA5D6, #2C4BB6, #003D45, #201347)
• Softworn Iris color palette (#E8F0FF, #6897FF, #0057A3, #002777, #001845)
• Antique Fuchsia Quarry color palette (#E9F4FF, #C5CFFF, #D480E2, #006D7A, #213463)
• Nightshade Lagoon color palette (#C9E8EB, #00A2BE, #006D9B, #0033AA, #272072)
• Periwinkle Harbor color palette (#E9FAEC, #B6E0FF, #6EACFF, #0094AE, #1E2A6E)

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