Weathered Petrol color palette — #EBF8F7 · #78A579 · #556EA9 · #77433E · #304A30
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EBF8F7): a clean, paper-quiet neutral.
- Moss (#78A579): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#556EA9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Coffee (#77433E): A full-bodied, dusty orange — the color of autumn markets.
- Deep Olive (#304A30): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Weathered 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
- Teal Lantern color palette (#EDF7FA, #4AAAA2, #8B5D8C, #6A4E13, #314935)
- Teal Thicket color palette (#ECF5E9, #29B3A0, #447896, #5A4A1B, #272A08)
- Aged Petrol Orchard color palette (#EBF9F2, #9D9B62, #0E7BA0, #783C5A, #573746)
- Wandering Courtyard color palette (#EBF9F6, #A3C9CB, #4F8D8C, #4B6E68, #3E5152)
- Worn Garden color palette (#EAF8FF, #1597B6, #9A3D6A, #405000, #0E3D21)
- Azure Meadow color palette (#FAF3F7, #D7DFF1, #6E9FC8, #357C75, #45536A)
- Worn Seafoam color palette (#EAF8FA, #DCFDC3, #43DFD4, #6198C1, #2C4956)
- Chalky Archive color palette (#E4F5FA, #008986, #773084, #493800, #122E0F)
Browse the whole catalog at Explore, or see today's palette.