Worn Petrol color palette — #F5EDE2 · #85B9D7 · #006BB5 · #004E58 · #192C54

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

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sky (#85B9D7): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#006BB5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#192C54): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Antique Cobalt color palette (#F0E7E0, #86BBD8, #3C68B7, #004C45, #170C36)
• Cobalt Villa color palette (#FAF4EB, #A3CAEC, #5178B9, #005D71, #31375D)
• Petrol Alley color palette (#F5EDE1, #7BC0BC, #007682, #00523C, #003442)
• Weathered Pier color palette (#E4F2F1, #A9DBF9, #4BACF4, #008CAC, #072F54)
• Ancient Cerulean color palette (#F4EBDB, #459CB4, #00506F, #00302F, #001529)
• Bronze Dune color palette (#F3D9C2, #BB6500, #0070AD, #6E3900, #002C47)
• Dusty Chapel color palette (#F8F4EE, #CAE6E8, #779CCA, #357989, #614A5C)
• Hushed Thicket color palette (#F8F4EE, #C5E6CD, #3197B6, #007266, #2A5144)

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