Worn Petrol color palette — #EAF9F7 · #81C2DF · #0076A8 · #005462 · #003658

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#EAF9F7): a clean, paper-quiet neutral.
• Sky (#81C2DF): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#0076A8): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005462): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#003658): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Dusty Station color palette (#FAEEF4, #77C7E9, #0075C5, #00524F, #0B0D4D)
• Lilac Station color palette (#EEF6FF, #A7CCFF, #939DFB, #00658A, #15375F)
• Washed Cabin color palette (#EBF8F6, #98DCDF, #00909F, #006760, #004856)
• Patina Denim Station color palette (#DDEFED, #82A3BB, #005C8F, #003C4B, #00203F)
• Quiet Cornflower Loft color palette (#FFF2E9, #7CD8FF, #0090F2, #00726F, #212D65)
• Pale Bloom color palette (#F3F9DF, #A8E3FF, #2CB7FC, #0094AC, #003659)
• Powdered Byzantium color palette (#D3E0EB, #0078B3, #8B00D3, #00614F, #00273E)
• Misty Olive Station color palette (#CAEAFF, #0091BF, #4B8100, #005673, #1C3600)

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