Worn Petrol color palette — #CFE9F1 · #00779E · #004671 · #001D54 · #030028

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

The five colors

• Frost (#CFE9F1): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#00779E): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004671): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001D54): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#030028): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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

• Onyx Study color palette (#CCE6E6, #00647D, #00365B, #07004D, #0C0027)
• Antique Lagoon color palette (#D4F2E8, #007B72, #004F52, #003037, #000D14)
• Muted Harbor color palette (#C2EFED, #0084A3, #006093, #260D9E, #0D0028)
• Soft Nightshade color palette (#E8EFFF, #5276D4, #0435A7, #00055B, #00000F)
• Gentle Sapphire Balcony color palette (#F1D7F3, #0169C1, #7B4C00, #00386C, #0C0400)
• Worn Driftwood color palette (#E6F0FE, #9296CD, #936AA9, #004D6C, #090827)
• Nightshade Lantern color palette (#DCEBFC, #3267DA, #2F20AD, #340070, #0D001B)
• Softworn Terrace color palette (#D4E3EF, #5596F2, #436BD6, #4B3FA2, #2F2058)

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