Weathered Petrol color palette — #D8FFF5 · #C2D6FF · #A2A8DC · #367396 · #493248

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

The five colors

• Honeydew (#D8FFF5): A whisper-light, dusty teal — the color of sea glass.
• Lilac Frost (#C2D6FF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#A2A8DC): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#367396): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#493248): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged pastel, light, muted, cool.

Use it as a design system

One click turns Weathered 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

• Petrol Station color palette (#FFF0FB, #FFCED3, #B0A1D0, #4A6A92, #4C3145)
• Timeworn Petrol Grove color palette (#E0FDF1, #B6E4D7, #96AFDC, #0E718A, #1D4438)
• Tempered Atelier color palette (#FFF0FB, #DED2D8, #E1B1C1, #697FA3, #614958)
• Aged Ridge color palette (#ECF7FF, #DDD6F0, #E6B7E6, #009AA4, #2A4361)
• Quiet Denim Alley color palette (#CEDFFF, #A3AFE9, #8C77C2, #014E8D, #1C234D)
• Pale Atelier color palette (#F6F3FF, #E8C3FF, #C97BC9, #5850A4, #482B61)
• Pewter Harbor color palette (#FFF0FE, #FFCFEF, #DF97B0, #8F619F, #593050)
• Mulberry Ridge color palette (#FFEBEB, #F3BCD1, #CE828D, #804980, #492626)

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