Worn Petrol color palette — #D7E2D9 · #7DBEC2 · #00829A · #005B4B · #002332
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Silver (#D7E2D9): bright and airy, almost weightless.
- Mint Leaf (#7DBEC2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#00829A): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005B4B): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002332): 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
- Petrol Meadow color palette (#DBE6DD, #72ABC0, #006E9F, #004A4C, #00142D)
- Tempered Cerulean color palette (#E7F2E9, #92CFE1, #3D90B9, #006C6A, #003054)
- Worn Cerulean Workshop color palette (#FCF4E8, #7FDEE4, #0089A1, #005345, #000F18)
- Sapphire Balcony color palette (#E1F1E4, #91B5D9, #456FCD, #00566D, #18154C)
- Hushed Pine color palette (#E9DDD9, #80CFD4, #00A0D1, #008244, #051E42)
- Washed Lagoon color palette (#F1F7F2, #CDDFFA, #6DAFCB, #298B83, #304B62)
- Patina Terracotta color palette (#FDE0F9, #D65752, #00848D, #9E0017, #002022)
- Muted Scarlet color palette (#F3DDD8, #D52300, #007E3E, #3B49B4, #290200)
Browse the whole catalog at Explore, or see today's palette.