Worn Petrol color palette — #E9E0E8 · #6EADB1 · #007FA8 · #006133 · #00081F
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#E9E0E8): a clean, paper-quiet neutral.
- Blue Fog (#6EADB1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007FA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006133): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#00081F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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
- Wandering Loft color palette (#EDE2EB, #87B9CC, #008EC4, #007145, #000942)
- Hushed Cobalt color palette (#FAEAF1, #7FA6C1, #3C71CC, #005E56, #0B0027)
- Hushed Field color palette (#ECE2D3, #50A1A5, #006374, #003D31, #000B12)
- Bronze Cabin color palette (#CDF0E9, #56B1C9, #7E89D0, #7E6D00, #000F09)
- Iris Quarry color palette (#EEDDE3, #99C5EB, #788BE2, #007C7F, #280F43)
- Ancient Lagoon Bloom color palette (#FAE3DB, #1D888F, #004259, #00210E, #000106)
- Weathered Emerald color palette (#DAEDE4, #3CA461, #007940, #00472D, #000301)
- Dusty Byzantium Harbor color palette (#E0F2F0, #51A758, #A737B7, #005213, #0F0012)
Browse the whole catalog at Explore, or see today's palette.