Washed Petrol color palette — #EAF4F3 · #81A97C · #207C9C · #594069 · #361E2F

Cerulean takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EAF4F3): bright and airy, almost weightless.
• Moss (#81A97C): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#207C9C): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#594069): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#361E2F): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged muted.

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

• Antique Cypress Quarry color palette (#EBF5EE, #AF9B56, #008471, #2F4B7C, #2E203B)
• Worn Cobalt Lantern color palette (#E7F5F6, #5AAE98, #586FAD, #6E3949, #0C2F1D)
• Oat Dune color palette (#DCF9F4, #AFD3D6, #7B98A5, #6E697F, #4A4150)
• Softworn Lagoon Hollow color palette (#ECF4F0, #9FCFC3, #619067, #50685D, #253531)
• Patina Corridor color palette (#DCF8F9, #009A6D, #005F9B, #600060, #2B0F00)
• Hushed Harbor color palette (#F5F6EC, #88C382, #5B94B6, #82597D, #5F3800)
• Aged Emerald color palette (#DFF2F1, #339862, #214146, #102221, #070E0D)
• Sunlit Dune color palette (#E3F5FD, #009FB0, #754F9E, #6A2B12, #0D2504)

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