Tempered Petrol color palette — #FAF0E8 · #C58E6B · #3778A1 · #294D7D · #262146
Built around Slate, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#FAF0E8): a clean, paper-quiet neutral.
- Camel (#C58E6B): A luminous, balanced gold — the color of afternoon light on wheat.
- Slate (#3778A1): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#294D7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#262146): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered Petrol 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
- Patina Navy Archive color palette (#F4F2E8, #96A468, #6C6B9F, #46437D, #3C1833)
- Muted Pine Atelier color palette (#FCF4EC, #BA8E64, #228456, #2B5584, #583938)
- Ancient Petrol Market color palette (#FDF2F6, #E9C4A2, #76A97B, #0D759A, #442E50)
- Patina Taupe Quarry color palette (#F8F0E8, #BF9268, #906842, #00575C, #41191A)
- Feathered Aubergine Corridor color palette (#F8EBDE, #A96C22, #005991, #5B0050, #280023)
- Worn Garnet color palette (#F9EFED, #C48998, #358170, #6F3653, #3E1B1B)
- Soft Garnet Studio color palette (#F9F0E7, #B38340, #007374, #77132F, #2C1A00)
- Hushed Bronze color palette (#F9EFF2, #A691C3, #8F6A2E, #005374, #3C1B29)
Browse the whole catalog at Explore, or see today's palette.