Worn Petrol color palette — #F4EEE4 · #8BBEAE · #3867AE · #004D5D · #1E2661

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

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Mint Leaf (#8BBEAE): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#3867AE): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#1E2661): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Worn Sapphire color palette (#FFF4E2, #7EC0EB, #006DCA, #005461, #15267B)
• Washed Workshop color palette (#F5EDE2, #98BC9D, #00758A, #005143, #003346)
• Washed Sapphire Terrace color palette (#EFE7E0, #91B9D8, #4E63BA, #004B4B, #1C0A32)
• Cerulean Meadow color palette (#FCF4E8, #9FD9E5, #008CB3, #006760, #004469)
• Muted Cornflower Summit color palette (#F8EAEF, #A1CAEA, #697FD8, #006C6C, #34244D)
• Hushed Archive color palette (#F0EAE0, #5E98B1, #004E79, #002F33, #001231)
• Airy Alley color palette (#E7F2E9, #AAD9FF, #75A6ED, #128CA7, #222A51)
• Petrol Basin color palette (#F8F5EF, #CCE4E8, #8599C1, #1E7996, #66475C)

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