Worn Petrol color palette — #F4E6DF · #65C3D3 · #00759D · #004D3D · #001631

Built around Slate, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Parchment (#F4E6DF): bright and airy, almost weightless.
• Cyan (#65C3D3): A luminous, balanced blue — the color of deep harbor water.
• Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001631): 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

• Petrol Studio color palette (#F8E9F5, #7FBDC9, #006FA3, #005238, #1B2A57)
• Denim Pier color palette (#FDECDF, #5BA7CB, #0058A4, #003939, #05022E)
• Cobalt Studio color palette (#FAF0E7, #9CD8FF, #4C82D5, #006166, #1F1D4E)
• Timeworn Cerulean Grove color palette (#ECF8F6, #B0F3FF, #1EA2C0, #00696B, #00222F)
• Lagoon Balcony color palette (#F4DFD3, #009E9D, #005262, #002E19, #00050B)
• Muted Cerulean Meadow color palette (#F8F0E9, #BCE7D9, #768DBB, #1D6A72, #3E2133)
• Hushed Jade color palette (#DFF2EA, #00AE7C, #006C4E, #002D22, #000604)
• Sunlit Quarry color palette (#C9F3D2, #70DCD0, #45B0EC, #61692D, #102002)

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