Worn Petrol color palette — #FBEFE9 · #77CCCD · #007F98 · #005436 · #001C2F

Cerulean and Deep Olive set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBEFE9): bright and airy, almost weightless.
• Aqua (#77CCCD): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#007F98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#005436): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#001C2F): 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

• Cobalt Ridge color palette (#FCEFE6, #6CC9EC, #0076C0, #00524E, #081049)
• Tempered Denim color palette (#FAECE5, #65A9AF, #00627C, #003B29, #000C19)
• Aged Grove color palette (#E4FBF6, #C5DBFD, #00AEBC, #007368, #002A32)
• Airy Lantern color palette (#B7FDFE, #8CD3FF, #99A2FF, #007B5F, #00212D)
• Sunlit Seafoam Drift color palette (#FFF0FA, #00E6EA, #009CBB, #00764D, #003754)
• Ancient Field color palette (#ECDFD7, #358499, #004062, #00201B, #000109)
• Airy Dune color palette (#D3EBD2, #009A99, #C83400, #005858, #2E0500)
• Dusty Plum color palette (#CDF6F4, #008280, #B90051, #784300, #001211)

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