Tempered Indigo color palette — #ECF3FF · #5466F5 · #5B4D00 · #292600 · #000200
Sapphire and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF3FF): bright and airy, almost weightless.
- Sapphire (#5466F5): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#5B4D00): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#292600): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
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 Violet color palette (#EFF2FF, #8A55E1, #475400, #012E05, #000201)
- Weathered Cobalt Grove color palette (#E9F4FF, #007FCD, #6F4100, #371E00, #020200)
- Dusty Terrace color palette (#FFE6F6, #797FF9, #C42E67, #654D00, #001610)
- Iris Veranda color palette (#F1F5FF, #818CFF, #846700, #004B38, #00170F)
- Lowlit Basin color palette (#DCE1F2, #691CE3, #511E00, #23041C, #010009)
- Midnight Grove color palette (#E9F0FF, #4633D2, #68002D, #211900, #000503)
- Garnet Coast color palette (#E2F2FF, #00709A, #740500, #001A18, #000201)
- Cerulean Station color palette (#FCF1FA, #89DCE2, #0085B1, #00552C, #000B26)
Browse the whole catalog at Explore, or see today's palette.