Tempered Indigo color palette — #F0F5FF · #5871CB · #853C67 · #004C48 · #172A39

Built around Sapphire, softened by Raspberry — the whole palette hums with creativity and balance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sapphire (#5871CB): A full-bodied, balanced violet — the color of wild irises.
• Raspberry (#853C67): A full-bodied, balanced rose — the color of strawberry cream.
• Forest (#004C48): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#172A39): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Creativity, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Softworn Meadow color palette (#F4F4FF, #9C5FC3, #8C443B, #004B69, #232A3E)
• Worn Denim color palette (#EAF8FF, #00889E, #5E4B8B, #2A4B23, #142B2F)
• Indigo Harbor color palette (#F2F5FF, #6C5FC5, #006C51, #004A54, #1E2C3E)
• Cobalt Lagoon color palette (#EBF2FF, #757ABE, #824A1E, #2D4F12, #001722)
• Washed Lilac color palette (#FFF0FB, #B27FD0, #88567E, #6C422E, #3D3A4F)
• Hushed Pewter color palette (#F3F5FD, #DED8E1, #C5BCC7, #6B7293, #454752)
• Hazy Study color palette (#E8ECFF, #6F00D1, #860031, #003541, #04143C)
• Wandering Villa color palette (#E4E1F9, #9B45B4, #352E42, #1F1D2A, #0F0B10)

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