Weathered Petrol color palette — #F4F7E6 · #8AA381 · #0D6E81 · #6B3A42 · #293B22
Teal and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#8AA381): A luminous, dusty green — the color of new leaves after rain.
- Teal (#0D6E81): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#6B3A42): A full-bodied, dusty red — the color of a theater curtain.
- Forest (#293B22): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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
- Softworn Cypress color palette (#FCF4E5, #9E9D79, #1C7355, #574A1C, #36362F)
- Aged Lagoon color palette (#F4F7EB, #7AC6AB, #00948B, #775F37, #333730)
- Dusty Orchard color palette (#E3FED9, #4FB8A8, #00755D, #004535, #002C1F)
- Pine Harbor color palette (#EDEAD6, #7A9F59, #008040, #005A4A, #093E51)
- Worn Raspberry Field color palette (#ECF2DC, #5C9F71, #B74C89, #006835, #53213D)
- Softworn Mulberry color palette (#DAEBCF, #008E77, #A2428C, #9C0F42, #00342A)
- Washed Fern color palette (#EFE2D6, #948D60, #39611D, #004748, #2F2900)
- Chestnut Field color palette (#F7F5EA, #BDC5A9, #538D88, #746619, #46540A)
Browse the whole catalog at Explore, or see today's palette.