Worn Petrol color palette — #EEF4EF · #CFD9D9 · #ABC1C5 · #008494 · #262E28

Cerulean and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EEF4EF): bright and airy, almost weightless.
• Silver (#CFD9D9): bright and airy, almost weightless.
• Ash (#ABC1C5): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#008494): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#262E28): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Tempered Cerulean Boulevard color palette (#ECF4F1, #DBD1CF, #9E9D93, #6088A7, #303835)
• Tempered Lagoon color palette (#F3F2E9, #B3B794, #4D8266, #17615F, #272A0D)
• Patina Station color palette (#EAF5F0, #DBCFDC, #BDA2B6, #006387, #061F16)
• Cobalt Study color palette (#CFE5DC, #067DB4, #3F283D, #011B13, #020804)
• Wandering Turquoise Grove color palette (#F1F7F2, #D1DEE0, #BDB3A7, #32B1BC, #374339)
• Hushed Sapphire Archive color palette (#F6EFF5, #E4D1D2, #D4B5C0, #3B63C9, #2F1F2D)
• Worn Garnet color palette (#FCF0DD, #55AAC0, #4A6C9C, #7E1F1B, #052A1E)
• Softworn Abyss color palette (#DEE7E1, #90A69E, #8D718B, #003D4C, #000602)

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