Washed Petrol color palette — #F0F3EA · #C5E5D9 · #6092BF · #006884 · #39223B

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

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Celadon Mist (#C5E5D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#6092BF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006884): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#39223B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Tempered Cypress Ridge color palette (#F1F3EC, #C5E5D3, #5597B4, #006B76, #043528)
• Cobalt Archive color palette (#F0F3E9, #A4D8F6, #008AD2, #005F75, #002648)
• Softworn Thicket color palette (#EFEFE1, #509894, #005457, #002D24, #000507)
• Wandering Lagoon color palette (#F9F4EF, #C4DFEE, #95BCFB, #14939B, #393A61)
• Petrol Villa color palette (#F2F4E1, #7BCBCF, #00808F, #00524C, #001E26)
• Cobalt Coast color palette (#E7EAE2, #8DBFB1, #246CB9, #004762, #000F41)
• Sunlit Corridor color palette (#FFEDE9, #BF7480, #A9730B, #7A57A4, #34120B)
• Weathered Courtyard color palette (#FDF0E1, #BFA787, #946C3A, #6C4014, #2C200A)

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