Worn Petrol color palette — #F0F7F4 · #E8D6DB · #C0ADB9 · #126A9B · #323D39
Built around Peacock, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F7F4): bright and airy, almost weightless.
- Silver (#E8D6DB): A whisper-light, dusty rose — the color of strawberry cream.
- Ash (#C0ADB9): A luminous, dusty pink — the color of neon signs at night.
- Peacock (#126A9B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#323D39): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Cerulean Corridor color palette (#EFF6FC, #DAD7E7, #C5BACA, #4789AA, #333C42)
- Worn Petrol Alley color palette (#EBF4F0, #E5D4D7, #C8B0B7, #346C86, #16241E)
- Cypress Archive color palette (#F1F7F1, #CBDEDB, #9CBCAE, #007370, #333E32)
- Dusty Driftwood Courtyard color palette (#FAF3F6, #E1D8D5, #AEAE9F, #847AA7, #585053)
- Antique Grape Parlor color palette (#FEF1F8, #E5CAD4, #C49AA1, #543BC3, #3F2C38)
- Timeworn Byzantium color palette (#FDF2F4, #E5D6CF, #DBB0AB, #8C4AA2, #4E393E)
- Hushed Navy Villa color palette (#E2DDE3, #C4B3C0, #A58294, #00457E, #261B27)
- Mulberry Bloom color palette (#F6ECED, #DCC6C5, #B89891, #743C73, #39292B)
Browse the whole catalog at Explore, or see today's palette.