Tempered Rust color palette — #FFF2ED · #B7675F · #008471 · #005984 · #38312E
A conversation between Mocha and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Mocha (#B7675F): A luminous, balanced orange — the color of toasted spice.
- Teal (#008471): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005984): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#38312E): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged 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
- Worn Denim Canyon color palette (#FFF3E8, #B88357, #408B9B, #455D94, #423C37)
- Wandering Navy color palette (#FFF2EB, #A36246, #00665C, #0D418C, #3C2425)
- Ancient Studio color palette (#FFF1F2, #AC6697, #5D7C3A, #00605A, #48292B)
- Peony Villa color palette (#FFEDEC, #BB6690, #008875, #594384, #271413)
- Olive Lagoon color palette (#FFF4E2, #C28A57, #756B1C, #005574, #413C36)
- Feathered Aubergine color palette (#FFF3E2, #986E00, #007194, #4C27A7, #3A2800)
- Wandering Blush color palette (#F9F2FF, #DC79AB, #00A59D, #6E64A5, #382E3F)
- Airy Aubergine Hollow color palette (#E8DDC6, #766000, #005984, #4C0081, #221A00)
Browse the whole catalog at Explore, or see today's palette.