Worn Petrol color palette — #F5F1EB · #C1E6D8 · #6D90BA · #006A7A · #3C2138

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Celadon Mist (#C1E6D8): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6D90BA): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006A7A): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#3C2138): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cerulean Ridge color palette (#F5F1EB, #CCE3D1, #3E9AB6, #006E61, #003047)
• Cobalt Garden color palette (#FAF3F6, #C8E0F2, #6D89C5, #00716C, #414661)
• Peony Orchard color palette (#E9F6E5, #6BB3A7, #C36F90, #007568, #401728)
• Denim Ridge color palette (#E8E0D5, #60AAB3, #006279, #003A33, #000C16)
• Wandering Dune color palette (#F8F1E6, #77CBD0, #007F95, #005344, #001D2A)
• Lagoon Quarry color palette (#FAF4EF, #C2E2F5, #A0BAF7, #009590, #553344)
• Weathered Drift color palette (#E9DFD0, #6C8DAF, #173EA1, #002A37, #03001B)
• Muted Villa color palette (#E7DFD3, #5A836D, #00405E, #001F20, #000105)

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