Weathered Petrol color palette — #F4F3E3 · #7C9A3C · #2265AF · #6E2425 · #331402
A conversation between Cobalt and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#7C9A3C): A luminous, balanced green — the color of new leaves after rain.
- Cobalt (#2265AF): A full-bodied, balanced blue — the color of open sky before noon.
- Oxblood (#6E2425): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Onyx (#331402): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.
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
- Amber Lagoon color palette (#F9F1E1, #A58C05, #006E92, #6D1E43, #34101F)
- Patina Quarry color palette (#F0F3EA, #65AF81, #676BA8, #723B20, #362309)
- Softworn Jade color palette (#E8FAF6, #77B86C, #6D7CB8, #88455B, #54292E)
- Faded Lagoon color palette (#F1F8EA, #00A07D, #006F85, #31457B, #353C0D)
- Aubergine Balcony color palette (#E6F1E6, #008D91, #74348A, #472E00, #111700)
- Hushed Chestnut Field color palette (#EEECD5, #AABF98, #4D8E9F, #8A4A30, #5D2900)
- Dusty Aubergine Boulevard color palette (#DAE6C3, #008754, #5E00B6, #570700, #1D0700)
- Ancient Drift color palette (#F5F2E6, #9DBE96, #2E8768, #655400, #272917)
Browse the whole catalog at Explore, or see today's palette.