Washed Petrol color palette — #F0F7F2 · #D2DCDB · #B1C3C3 · #36818A · #3F4B42

Built around Teal, softened by Charcoal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D2DCDB): bright and airy, almost weightless.
• Stone (#B1C3C3): soft and architectural.
• Teal (#36818A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3F4B42): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Aged Lagoon Lagoon color palette (#EFF7F4, #DFD4D3, #A79F99, #5D8D7D, #4C5552)
• Dusty Lagoon color palette (#EEF3EF, #CFDADA, #CDBAC0, #268488, #242F25)
• Washed Abyss color palette (#E2EBE5, #9BAFA5, #69877C, #003F4C, #01190C)
• Aged Cobalt color palette (#FBF2FA, #E4D5D7, #CAB5C1, #3A67B8, #473B46)
• Denim Orchard color palette (#E9FAF2, #BFDAD0, #B79CBB, #006383, #193A2D)
• Dusty Fern color palette (#F7F6E6, #AFB38F, #4E815B, #486425, #434700)
• Misty Cobalt color palette (#E4FCEF, #84EDFF, #4BC1E9, #4689CA, #1E4A3C)
• Tempered Alley color palette (#F1F9E0, #4CA4C3, #3B6E99, #633B70, #214538)

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