Worn Petrol color palette — #FCF2F7 · #F3BEA3 · #82A76B · #007790 · #343554
A conversation between Teal and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF2F7): a clean, paper-quiet neutral.
- Sand (#F3BEA3): A whisper-light, dusty orange — the color of toasted spice.
- Moss (#82A76B): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007790): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#343554): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Patina Petrol Coast color palette (#EFF8F2, #D9CC94, #4FABA6, #65639E, #57272A)
- Jade Pier color palette (#F8F2FE, #F2B0D3, #77BD82, #8D7DAF, #3C3F5F)
- Ancient Field color palette (#F1F7F2, #D8E0EC, #9DD5F0, #54A19B, #3B5062)
- Dusty Workshop color palette (#FFF1F6, #D9A16F, #475A4C, #36262C, #130D11)
- Soft Chapel color palette (#ECF9F0, #BCA558, #008884, #4B309B, #3B0002)
- Patina Blush color palette (#FFEDE9, #D87D8C, #2A826D, #3F4973, #351F30)
- Timeworn Study color palette (#FFF1F6, #E5E7C2, #CBB266, #857F23, #2E594C)
- Tempered Amber color palette (#FFF2EA, #D67E4C, #5D7A4E, #275B6C, #593642)
Browse the whole catalog at Explore, or see today's palette.