Weathered Petrol color palette — #FFF3EB · #E7AC91 · #94A065 · #007B96 · #362422
A conversation between Teal and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3EB): a clean, paper-quiet neutral.
- Sand (#E7AC91): A luminous, dusty orange — the color of sun-warmed clay.
- Moss (#94A065): A luminous, balanced green — the color of fresh herbs.
- Teal (#007B96): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#362422): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Muted Dune color palette (#FAF4EA, #C1AE76, #74A378, #4366A0, #33221B)
- Dusty Meadow color palette (#FFF2F1, #ECBBD3, #A09D65, #187596, #4F2B3E)
- Cypress Station color palette (#FFF1F1, #E2A7C2, #AF8D51, #007E6A, #301C23)
- Nightshade Hollow color palette (#F9F5EA, #AFA360, #009699, #6348A2, #271707)
- Nightshade Thicket color palette (#FFF3E3, #C6912A, #008464, #3037A8, #1C0900)
- Teal Parlor color palette (#F3F4FD, #BFAAF2, #4EBFA6, #4295AE, #2E3541)
- Olive Terrace color palette (#FFF3E3, #C18A00, #588B00, #005B94, #220107)
- Wandering Apricot Grove color palette (#FEF3EB, #E19C70, #6E4E00, #37271A, #160D0A)
Browse the whole catalog at Explore, or see today's palette.