Worn Petrol color palette — #D3EAE8 · #67ABCD · #006DA1 · #004857 · #001529
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Frost (#D3EAE8): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#67ABCD): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006DA1): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004857): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001529): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Dusty Summit color palette (#D7E9E5, #639EA4, #006372, #003C39, #000B10)
- Muted Meadow color palette (#ECF1DF, #5DC3F5, #006EA4, #003C49, #000308)
- Patina Sapphire Meadow color palette (#E2EEEE, #92B5D8, #1E72D7, #005475, #071A4C)
- Weathered Navy Pier color palette (#EDDAE3, #5D98B4, #004A89, #00302F, #0A0541)
- Muted Cerulean color palette (#C5E7E3, #5DBFC6, #009EC0, #006354, #001C1E)
- Muted Bloom color palette (#E6F1F0, #A9C9DD, #2F91BF, #006A79, #00314E)
- Turquoise Grove color palette (#E7FAF7, #B9E2F6, #12ACD2, #008287, #00465F)
- Lagoon Atelier color palette (#D1EEDB, #009064, #00654C, #00382E, #001714)
Browse the whole catalog at Explore, or see today's palette.