Tempered Indigo color palette — #FAF3F6 · #BDBAEC · #A37053 · #6A61AA · #332C28
Built around Slate, softened by Mocha — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FAF3F6): a clean, paper-quiet neutral.
- Lavender (#BDBAEC): A luminous, dusty violet — the color of a velvet chair.
- Mocha (#A37053): A full-bodied, dusty gold — the color of old brass.
- Slate (#6A61AA): A full-bodied, balanced violet — the color of a velvet chair.
- Espresso (#332C28): quiet, heavy and certain.
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
- Antique Cobalt color palette (#F9F3F9, #D6B3D4, #9F6A87, #396BBB, #3A2929)
- Plum Delta color palette (#FCF2F3, #DFB3B7, #927A37, #955188, #312D27)
- Weathered Cypress Basin color palette (#FAF6E3, #B09EC9, #9A6573, #116763, #594044)
- Hushed Terracotta color palette (#FFF0F8, #E4B2BD, #A86C86, #923D48, #733111)
- Driftwood Drift color palette (#FBF3F4, #E1D8D4, #A8AEA2, #9672A1, #5B4F52)
- Weathered Atelier color palette (#F0DEDB, #A2435E, #363500, #4D001F, #020200)
- Grape Harbor color palette (#FFF1F5, #BB8BD8, #B12E00, #7E00AD, #341007)
- Washed Hollow color palette (#FFF1F2, #DFD2D6, #F1ADDD, #E27E5F, #5E3A37)
Browse the whole catalog at Explore, or see today's palette.