Weathered Petrol color palette — #F5F6EA · #7CA572 · #007BA5 · #68446C · #47413C
Built around Cerulean, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F6EA): bright and airy, almost weightless.
- Moss (#7CA572): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#007BA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#68446C): A full-bodied, dusty pink — the color of peonies in June.
- Charcoal (#47413C): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, 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
- Softworn Teal color palette (#F0F8EF, #39ACA3, #5D6CAA, #764053, #46423B)
- Patina Taupe Basin color palette (#FAF4E9, #AD9650, #178176, #47507F, #5A3832)
- Moss Canyon color palette (#F4F2E6, #90A751, #766897, #653C58, #3A1E20)
- Weathered Periwinkle color palette (#F8F5EF, #C6EAEF, #7C9ACB, #3F7789, #5F4C59)
- Weathered Quarry color palette (#E9FAF2, #B3B95B, #7C89BB, #87596E, #4B3A58)
- Denim Delta color palette (#ECF9EF, #009AA8, #70519A, #792C10, #274018)
- Weathered Market color palette (#E8F3D2, #80CBAF, #009B8C, #137375, #3A5541)
- Aged Mulberry color palette (#F0F9E2, #009565, #005BA3, #710059, #462900)
Browse the whole catalog at Explore, or see today's palette.