Worn Petrol color palette — #F8F5EC · #B5B273 · #007A9E · #686200 · #0F2A1F
A conversation between Cerulean and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F5EC): bright and airy, almost weightless.
- Sage (#B5B273): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#007A9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#686200): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#0F2A1F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Worn 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
- Pine Alley color palette (#F5F6EC, #8FBD8C, #007A9C, #0D7416, #112A1F)
- Timeworn Pine Boulevard color palette (#F9F4EE, #CDA86F, #008360, #7E5700, #202718)
- Dusty Pine color palette (#EBF4F2, #9EC07F, #008A61, #4C7123, #001213)
- Muted Mulberry Harbor color palette (#FFF2EB, #7FA566, #007A77, #80294B, #3C3E37)
- Emerald Bloom color palette (#F5F6ED, #ACD19C, #00A693, #59923B, #1E271A)
- Lapis Alley color palette (#F1F8E8, #58B78D, #4851CE, #006645, #14193B)
- Airy Lagoon Cabin color palette (#FFF5D3, #9BBC90, #078F6B, #005F5D, #00475B)
- Gentle Villa color palette (#F2F8E6, #E0E49D, #6ACE92, #009EC6, #304326)
Browse the whole catalog at Explore, or see today's palette.