Worn Petrol color palette — #F7EAF3 · #92B7CC · #236DA2 · #00504A · #182A5B
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Ash (#92B7CC): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#236DA2): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
- Navy (#182A5B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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 Cobalt color palette (#FAF3F6, #A8CAE2, #4A7BB4, #005F60, #303660)
- Ancient Petrol color palette (#E8EAE2, #94BFA8, #00759B, #004A52, #001827)
- Denim Ridge color palette (#F3E7EB, #84A2BE, #33539D, #003D43, #1F0F4E)
- Weathered Lilac color palette (#E1F3FF, #AAC2EC, #B891CD, #006F71, #15334C)
- Azure Hollow color palette (#C6E9FF, #2A9BCE, #006088, #002F4D, #00192C)
- Weathered Study color palette (#FAF3F7, #D7DFF0, #7B9DBF, #077F7C, #46536B)
- Muted Periwinkle color palette (#F9ECE3, #8EE1FB, #3AAEF7, #009285, #182C56)
- Bronze Loft color palette (#CDE2ED, #008DA9, #9D5500, #005263, #401F00)
Browse the whole catalog at Explore, or see today's palette.