Worn Petrol color palette — #EDF0E2 · #82BAD3 · #00719E · #004E5A · #00314F
A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#EDF0E2): a clean, paper-quiet neutral.
- Sky (#82BAD3): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#00719E): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#00314F): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cobalt Basin color palette (#F4F7ED, #A7CFC1, #427DB0, #005C75, #1D3B61)
- Timeworn Study color palette (#F0E7E1, #91BFA9, #006EB9, #004B48, #080B42)
- Denim Field color palette (#DCE1D3, #7EA2C9, #1753AA, #003A55, #0B194D)
- Azure Coast color palette (#E6F1F0, #A0DDF8, #27B1F1, #008EA3, #00314F)
- Cerulean Garden color palette (#EEF0E1, #3F9EAF, #005265, #003031, #001721)
- Muted Petrol color palette (#F4F6EF, #C9E3E3, #78A495, #36798B, #3D5952)
- Ash Grove color palette (#FFECF2, #D6B9E2, #BF82B5, #584C8B, #392646)
- Linen Nightshade Alley color palette (#F0D5E5, #7572C9, #007B74, #432FA1, #00302D)
Browse the whole catalog at Explore, or see today's palette.