Worn Petrol color palette — #DAF3F1 · #4690AF · #6263A8 · #5A4300 · #140D00

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

The five colors

• Honeydew (#DAF3F1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4690AF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#6263A8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#5A4300): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#140D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Antique Cobalt color palette (#DFEFF5, #6381BF, #825785, #3E4C0C, #100E00)
• Softworn Study color palette (#E0EADA, #389A87, #327298, #7D311B, #230D00)
• Aged Petrol color palette (#F5E9E4, #64AFB3, #00819F, #006042, #000A16)
• Patina Corridor color palette (#D5E2F1, #5E70AF, #4F4288, #4C1533, #240008)
• Hushed Cobalt Boulevard color palette (#D5EBF8, #4587C5, #3A4573, #341116, #070002)
• Plum Courtyard color palette (#E1EDF7, #9C91C3, #A9598D, #15632E, #002622)
• Misty Cornflower color palette (#EDDEED, #087BEC, #797500, #0052A3, #070600)
• Soft Pine Studio color palette (#EFE5CE, #74963E, #00763D, #005356, #040700)

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