Weathered Petrol color palette — #F7F6EA · #8DA15E · #3976A6 · #77404C · #48413D
Slate and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F7F6EA): bright and airy, almost weightless.
- Moss (#8DA15E): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#3976A6): A full-bodied, balanced blue — the color of open sky before noon.
- Coffee (#77404C): A full-bodied, dusty red — the color of embers at dusk.
- Charcoal (#48413D): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, 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
- Worn Pewter color palette (#F3F7EE, #5DAA86, #7B61A4, #74472A, #403E37)
- Antique Teal color palette (#E3F6F7, #51B18C, #197E95, #3E4A70, #082E25)
- Weathered Mint Study color palette (#F3F7EB, #76C598, #5099A5, #536991, #4E4200)
- Ancient Drift color palette (#F9F6E0, #C2D0B6, #749A85, #9C5A41, #644900)
- Softworn Turquoise color palette (#FAF3F0, #CCE6DF, #49A7C0, #447C60, #375148)
- Lagoon Villa color palette (#EEF4E7, #388F6D, #2C432F, #262B1F, #121611)
- Quiet Aubergine Grove color palette (#EDF5E3, #008C66, #6331A7, #523200, #252901)
- Aged Delta color palette (#EBF8F7, #A2D6AF, #84AED8, #A67690, #523F17)
Browse the whole catalog at Explore, or see today's palette.