Tempered Petrol Archive color palette — #FBF4ED · #C9A37B · #8D9153 · #336C9D · #3B3430
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF4ED): bright and airy, almost weightless.
- Camel (#C9A37B): A luminous, dusty gold — the color of old brass.
- Moss (#8D9153): A luminous, balanced green — the color of fresh herbs.
- Slate (#336C9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#3B3430): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Tempered Petrol Archive 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
- Aged Bronze Veranda color palette (#FDF2F0, #C88B99, #A77D39, #007380, #412B27)
- Washed Petrol Ridge color palette (#FFF3E5, #E4ADB4, #A98F52, #6268A6, #4D4642)
- Tempered Pewter color palette (#FAF5E9, #B5AA71, #42987B, #775C9D, #37342E)
- Dusty Garden color palette (#FBF2F8, #BC796A, #00765D, #21527A, #383443)
- Washed Apricot Dune color palette (#FFF2EC, #FFA58E, #57B79B, #6C8FB2, #3C2C2E)
- Antique Blush color palette (#FBF2F9, #F49B98, #4BA5C1, #446E85, #1C2430)
- Taupe Station color palette (#FAF4F0, #DBDBD3, #AAB8AF, #C58B78, #5B504A)
- Muted Amber color palette (#FAF0E5, #C29154, #665801, #3C3731, #26201D)
Browse the whole catalog at Explore, or see today's palette.