Tempered Brick color palette — #F2F5FF · #785CD5 · #B92137 · #3C5300 · #2B2549
Built around Ruby, softened by Cornflower Indigo — the whole palette hums with nature and growth.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Cornflower Indigo (#785CD5): A full-bodied, vivid violet — the color of a velvet chair.
- Ruby (#B92137): A full-bodied, vivid orange — the color of toasted spice.
- Deep Olive (#3C5300): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#2B2549): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Tempered Brick 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 Corridor color palette (#F0F5FF, #5B6BCF, #9F3A7D, #4B4E00, #22284A)
- Hushed Byzantium Grove color palette (#F5F4FF, #9C46B7, #960047, #2A4300, #291B49)
- Tempered Study color palette (#F8F2FF, #B24A8B, #AE3736, #005A22, #441934)
- Wandering Indigo Field color palette (#FFEBFB, #4969FB, #9D5600, #3D5200, #091030)
- Bronze Archive color palette (#F3F4FF, #8E71B1, #946710, #00605A, #303145)
- Softworn Mulberry color palette (#D6FEFF, #518ED8, #942C8E, #005146, #312F59)
- Periwinkle Orchard color palette (#F0F5FF, #84A2FF, #A76100, #626E00, #1F2949)
- Ancient Rust color palette (#EEF6FF, #60A4F7, #C3471D, #004488, #2D1126)
Browse the whole catalog at Explore, or see today's palette.