Worn Petrol color palette — #ECF1E4 · #8BBDB1 · #3668AE · #004B6B · #172A5B
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#ECF1E4): a clean, paper-quiet neutral.
- Mint Leaf (#8BBDB1): A luminous, dusty teal — the color of sea glass.
- Slate (#3668AE): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004B6B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Navy (#172A5B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Softworn Petrol Studio color palette (#EFF0E4, #7EBEC5, #007587, #00504D, #003441)
- Gentle Courtyard color palette (#EFE8E0, #92B8DB, #4962C0, #004A54, #19053E)
- Softworn Cobalt Delta color palette (#F5EBEE, #ACC7E3, #6C82C9, #006A79, #2F2454)
- Tempered Cerulean Harbor color palette (#F4F7E8, #A1D9E8, #008CB1, #00656C, #004661)
- Quiet Azure color palette (#C4E5F6, #009CE0, #0065A4, #003A72, #271753)
- Denim Meadow color palette (#E2E7D4, #5D98B6, #004F77, #002E39, #00152A)
- Powdered Cobalt Delta color palette (#C6E6DE, #1982D7, #008040, #004B83, #003316)
- Frosted Courtyard color palette (#F3E4F1, #3360D6, #922B8B, #00585B, #0C1C44)
Browse the whole catalog at Explore, or see today's palette.