Worn Petrol color palette — #F6EDE0 · #80BBD0 · #0070A0 · #004F51 · #002E59

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6EDE0): a clean, paper-quiet neutral.
• Ash (#80BBD0): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#0070A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#002E59): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Cypress Dune color palette (#F5EDE2, #9EBA9A, #007680, #00523A, #003441)
• Cobalt Bloom color palette (#F2E6E0, #86BDD1, #1A6CBB, #004D3F, #110E37)
• Softworn Cobalt color palette (#FBF4E9, #A8CFBF, #457DB0, #005E69, #4C2F49)
• Azure Lantern color palette (#E9F1EA, #AFDAF3, #26B0F4, #009093, #052E56)
• Patina Veranda color palette (#F3EADD, #4F9DA7, #005266, #00302A, #001623)
• Cypress Canyon color palette (#F9F4EE, #C8E8E7, #779EBE, #377A80, #5F4B5F)
• Cerulean Atelier color palette (#FAF4EB, #CBE4CB, #3E98A7, #26715B, #2A513F)
• Worn Plum Thicket color palette (#F8E0DE, #AD3973, #5F6400, #005474, #380B22)

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