Worn Petrol color palette — #DBF5F7 · #008196 · #005673 · #00324F · #1C1044

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

The five colors

• Frost (#DBF5F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008196): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005673): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00324F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#1C1044): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.

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

• Ancient Lagoon color palette (#D9F5EA, #009188, #005C5D, #003238, #09182A)
• Tempered Turquoise Summit color palette (#CBEDF1, #00A9C3, #0084B2, #006392, #001B45)
• Feathered Onyx Hollow color palette (#C8F2E9, #0097A5, #007393, #003A79, #100C58)
• Quiet Coast color palette (#C1EADD, #91ABF7, #9B78CC, #005A6D, #122644)
• Muted Cabin color palette (#DBEBFF, #0183DB, #00407C, #001A37, #000B1A)
• Pale Corridor color palette (#C9EEE0, #0076A6, #8E3F00, #003E5A, #2F1000)
• Muted Ultramarine Studio color palette (#DEF3FF, #007CD2, #0044BB, #1B0083, #200E4D)
• Weathered Mulberry color palette (#D2E1ED, #005F94, #900045, #344400, #001323)

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