Tempered Petrol color palette — #FFE0EC · #D6BD86 · #8F9D71 · #3A7298 · #3A4676
Slate and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#FFE0EC): A whisper-light, dusty rose — the color of strawberry cream.
- Sand (#D6BD86): A luminous, dusty gold — the color of honey in a jar.
- Moss (#8F9D71): A luminous, dusty green — the color of fresh herbs.
- Slate (#3A7298): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#3A4676): A full-bodied, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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
- Petrol Drift color palette (#E0ECE3, #9BBCAC, #759672, #476590, #424766)
- Muted Cypress Dune color palette (#FFE5E9, #E6A691, #AD8E67, #007F7F, #004F64)
- Stone Studio color palette (#FFE2E3, #F5C895, #99C086, #8882AB, #5A3D4C)
- Patina Apricot color palette (#F3D5FB, #DC9A6C, #6C8045, #654D7E, #503B66)
- Faded Aubergine Thicket color palette (#E1E4D6, #6E9369, #006F5E, #442480, #300F32)
- Patina Driftwood Grove color palette (#E5FBF6, #BCD8D9, #91B0BB, #84809F, #564A5F)
- Garnet Thicket color palette (#ECF3E2, #70C494, #25928B, #6C4D88, #611652)
- Weathered Basalt color palette (#D7E9D7, #3C8573, #005A68, #4F1D4E, #22000E)
Browse the whole catalog at Explore, or see today's palette.