Tempered Indigo color palette — #F0F5FF · #D4DEF6 · #B1BCE5 · #4A6EDC · #283346

A conversation between Sapphire and Sky, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Powder Blue (#D4DEF6): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#B1BCE5): A luminous, dusty violet — the color of a velvet chair.
• Sapphire (#4A6EDC): A full-bodied, vivid violet — the color of wild irises.
• Deep Teal (#283346): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Worn Cobalt Courtyard color palette (#EEF6FF, #DDD9E3, #C8BFB7, #397FD0, #192634)
• Timeworn Grove color palette (#F3F4FE, #E1D5E5, #D2B8D3, #9372C8, #3D3F4B)
• Muted Denim Ridge color palette (#EFF6FF, #C9D1EF, #A5A2C3, #2958A0, #283443)
• Ancient Hollow color palette (#F2F5FB, #DBD8E0, #BFAFB8, #8B9BC0, #4F525B)
• Dusty Mulberry Terrace color palette (#E2E0E6, #C7C1CF, #AF9CBA, #8C3D81, #211D28)
• Patina Delta color palette (#ECE7FF, #BF9AD1, #A96EA0, #854D3D, #5B3311)
• Tempered Aubergine Bloom color palette (#DFE2ED, #A1A3B6, #937BA3, #472D8F, #060816)
• Linen Amethyst Balcony color palette (#E9EDFF, #853EFF, #491E6A, #1C1335, #030616)

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