Worn Petrol color palette — #FFF0FA · #D48873 · #A18F48 · #007B98 · #412A3B
A conversation between Teal and Coral Clay, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Coral Clay (#D48873): A luminous, balanced orange — the color of sun-warmed clay.
- Moss (#A18F48): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007B98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#412A3B): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Balance. 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 Cobalt Garden color palette (#FFF0FA, #CF8B77, #5FA168, #1073B9, #3F2C39)
- Washed Cypress color palette (#F9F2FF, #CC85A9, #BC7F59, #008266, #3A2C45)
- Tempered Denim Lantern color palette (#EBFAEC, #DB9DAD, #A97D33, #495FA3, #4D3348)
- Aged Pier color palette (#E4F3E8, #AA8C2D, #0091A0, #7841A4, #082F19)
- Washed Blush Archive color palette (#FFF2EE, #FF8A96, #59B0A1, #1F8475, #351E17)
- Linen Grape Lagoon color palette (#E2FEE6, #C08D05, #009F6C, #6A3CD5, #3A2800)
- Pine Station color palette (#FFF2EF, #BD5F73, #0B864D, #005D72, #422D28)
- Tempered Amber Atelier color palette (#F9F3F8, #E4D8D6, #B6CECD, #C5776B, #4E444C)
Browse the whole catalog at Explore, or see today's palette.