Tempered Indigo color palette — #F7EFF3 · #C1BAF8 · #BA6A4B · #7165AF · #1F130B

A conversation between Slate and Caramel, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Lavender (#C1BAF8): A luminous, balanced violet — the color of wild irises.
• Caramel (#BA6A4B): A luminous, balanced orange — the color of toasted spice.
• Slate (#7165AF): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#1F130B): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Sophistication. Tagged duotone, 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

• Washed Dune color palette (#FCF2F5, #D4AEF0, #A66970, #7A618C, #392925)
• Antique Orchard color palette (#EBF4F1, #9DC9ED, #AE6A8A, #2C78AD, #1E1212)
• Bronze Garden color palette (#F8EFF0, #E1B2D8, #92842D, #935B89, #1B1508)
• Weathered Amber color palette (#F2F5FF, #CCCBFF, #C78D5B, #8885BB, #37292F)
• Softworn Driftwood color palette (#FFEBF7, #DBB5E4, #BA6A80, #803E2A, #3E2300)
• Driftwood Meadow color palette (#F1F4E2, #B59FD7, #A66265, #215C5E, #3C2528)
• Dusty Bronze Canyon color palette (#F9EFF2, #967ABB, #925900, #005269, #24151B)
• Hushed Grape color palette (#FEECF2, #C885F8, #925E00, #8017B6, #110700)

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