Weathered Petrol Grove color palette — #EFF7F7 · #D7DBEC · #759DC5 · #1C7998 · #40546C

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

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D7DBEC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#759DC5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#1C7998): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#40546C): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Ancient Ash color palette (#F7EFF2, #D9D0E3, #859DC7, #34767C, #303547)
• Denim Market color palette (#E2F1F0, #7FA4BF, #005C8F, #003C4B, #00203F)
• Softworn Boulevard color palette (#F9F4EF, #C5DFEF, #92B2E8, #549297, #624A59)
• Worn Petrol Dune color palette (#E3FBF7, #6FC7D5, #007B91, #005655, #00394A)
• Muted Lagoon Drift color palette (#D7EAE6, #579D9D, #00545B, #00302B, #00171D)
• Softworn Bronze Grove color palette (#E5FBF4, #8DA165, #449A94, #A36534, #2E4941)
• Washed Cabin color palette (#FFF0F7, #CAAFBA, #9E765D, #745166, #584048)
• Aged Olive color palette (#DCFFEC, #B3B581, #7F8C45, #58701B, #2D5C53)

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