Tempered Petrol color palette — #F4D5E0 · #BEBA8D · #87A176 · #5179A0 · #332F53
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Shell Pink (#F4D5E0): A whisper-light, dusty rose — the color of pressed rose petals.
- Sand (#BEBA8D): A luminous, dusty green — the color of fresh herbs.
- Moss (#87A176): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#5179A0): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#332F53): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Softworn Cobalt Terrace color palette (#CAE7D7, #9EBD8F, #6AAA8D, #6A6CA7, #4A3253)
- Wandering Taupe color palette (#F9EAF7, #D9A990, #B09965, #367C80, #0A3F59)
- Ancient Pewter color palette (#FDDFF0, #CA9C82, #5F8D7C, #7A4B7D, #4F2943)
- Feathered Denim color palette (#E7EBCD, #7BA27A, #2D8C7A, #564585, #30012E)
- Periwinkle Dune color palette (#E7F2E9, #B8D8EF, #69AAE9, #008E9F, #142A5D)
- Ancient Stone color palette (#DEFEED, #C3DFD9, #89C0C2, #8290B1, #53516B)
- Violet Courtyard color palette (#EBF4E1, #83CF9F, #02B3A9, #9762C8, #61264F)
- Worn Emerald color palette (#D4EBDF, #ABC588, #5DA460, #A85E48, #1F2F02)
Browse the whole catalog at Explore, or see today's palette.