Worn Petrol color palette — #CBE4F7 · #0076A6 · #874500 · #003E5A · #2D1300

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

The five colors

• Frost (#CBE4F7): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0076A6): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#874500): A full-bodied, balanced gold — the color of old brass.
• Navy (#003E5A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#2D1300): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Hushed Cabin color palette (#D9F6FF, #007D7F, #983300, #004243, #330B00)
• Washed Ultramarine color palette (#E4EFFF, #1A54C8, #6B4100, #001F77, #1A0C00)
• Gentle Aubergine color palette (#D8DFF8, #6D5ABB, #6C5700, #3F0095, #221A00)
• Misty Sapphire Summit color palette (#D9E9FB, #1E6BC3, #701A00, #503800, #00112B)
• Aged Meadow color palette (#D5E6FF, #4D7EEC, #807100, #0021DD, #352E00)
• Powdered Rust Lantern color palette (#DBF5EC, #53B9FF, #CC4E00, #0077B5, #320D00)
• Ancient Mulberry Harbor color palette (#CCEEE2, #0072A8, #97007F, #003A58, #140010)
• Petrol Chapel color palette (#EDF6FF, #6AA6D6, #B27E30, #006BA7, #5B3B02)

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