Worn Petrol color palette — #DEE5EB · #9C9FAE · #8687A7 · #006C93 · #000A15

A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Frost (#DEE5EB): a clean, paper-quiet neutral.
• Blue Fog (#9C9FAE): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8687A7): A luminous, dusty violet — the color of wild irises.
• Peacock (#006C93): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Weathered Abyss color palette (#DDE7ED, #97A6B8, #7C86A0, #004D62, #000B13)
• Lapis Thicket color palette (#E4E9F4, #A49DAD, #9682A2, #5654B6, #050913)
• Onyx Market color palette (#D8E4EA, #818FA0, #656982, #002F3B, #000103)
• Ancient Archive color palette (#E6EBF9, #7A79AF, #7C54A4, #6A2F3A, #2A0102)
• Ancient Corridor color palette (#E8EBF3, #C4BCD0, #C19DBD, #6973DE, #1A1F2A)
• Hushed Lagoon Workshop color palette (#D6F3F1, #0DA077, #007360, #005353, #000808)
• Pale Loft color palette (#F9E4FF, #007CD5, #363CD6, #69004E, #00030F)
• Indigo Balcony color palette (#DDE7F3, #03B1EC, #1E96FB, #5860FB, #000315)

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