Worn Petrol color palette — #E1F3F1 · #81BBD2 · #00719C · #004E59 · #00314E

Peacock takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E1F3F1): a clean, paper-quiet neutral.
• Sky (#81BBD2): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Teal (#00314E): 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

• Dusty Petrol color palette (#F0E6EB, #90BAD3, #166FB1, #004C48, #070F3C)
• Hushed Sky color palette (#EDF0E4, #A1DDF6, #1FB1F0, #008EA2, #00314F)
• Antique Lagoon Market color palette (#ECF8F5, #9CDCDA, #009198, #00685A, #004952)
• Cobalt Boulevard color palette (#F5ECE7, #A2D1BA, #348BD4, #006C68, #1D2A57)
• Cerulean Parlor color palette (#D9EFEB, #459EAB, #005363, #003030, #001720)
• Washed Petrol color palette (#EEF8F7, #D5DCED, #729FBE, #33798B, #425567)
• Airy Nightshade color palette (#D6DDF5, #796CD6, #007B74, #472E9E, #00302D)
• Washed Atelier color palette (#EFF1FF, #D9B9E4, #BB87AF, #574B88, #3E2949)

Browse the whole catalog at Explore, or see today's palette.