Weathered Petrol Grove color palette — #D9F6F5 · #6DA0B5 · #3A68A3 · #5E2E33 · #371100

Slate takes the lead with Cocoa close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D9F6F5): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6DA0B5): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3A68A3): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5E2E33): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#371100): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Tempered Workshop color palette (#E0F1FF, #838EC2, #745A86, #553210, #262000)
• Antique Cocoa color palette (#D7E8EF, #8FADC5, #65789C, #74403A, #3A1829)
• Teal Quarry color palette (#DEEADE, #50A793, #13707B, #41375A, #360B1A)
• Navy Coast color palette (#D4E7F0, #59809E, #48418C, #521B08, #201200)
• Muted Hollow color palette (#E5F5FF, #A0BADF, #8078A5, #6A4E5D, #2B3C2E)
• Antique Alley color palette (#E3ECE5, #95B8D4, #076BC3, #004955, #07103B)
• Patina Quarry color palette (#E3FFD4, #88D0C9, #6E8AB8, #6E5106, #1F3824)
• Timeworn Cobalt Delta color palette (#D6E4F1, #0087CC, #A25300, #004B74, #200C00)

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