Tempered Rust color palette — #FFF2EC · #B73E20 · #573C00 · #002C38 · #040000
Brick and Cocoa set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Brick (#B73E20): A full-bodied, vivid orange — the color of autumn markets.
- Cocoa (#573C00): A deep, shadowed, dusty gold — the color of old brass.
- Midnight (#002C38): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Tempered Rust 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
- Tempered Plum color palette (#FFF2EE, #B53B57, #742200, #002B24, #030003)
- Inked Terracotta Balcony color palette (#F6DED0, #A63100, #2F3831, #1A1100, #040000)
- Antique Delta color palette (#FCEDC6, #C460A9, #824000, #002D4E, #0E0002)
- Bronze Canyon color palette (#FFF4E2, #896800, #3E5200, #00224D, #030100)
- Patina Terracotta color palette (#F6DEF6, #E07B9C, #A53500, #462B00, #050500)
- Cocoa Villa color palette (#F8EDDF, #624500, #202C00, #040028, #020100)
- Mulberry Bloom color palette (#FAD6D1, #810047, #0A3D02, #002026, #020007)
- Tempered Ember Loft color palette (#FFF2EA, #CD5D00, #697100, #004186, #0C0200)
Browse the whole catalog at Explore, or see today's palette.