Washed Petrol color palette — #E6DED1 · #7EBFBE · #008394 · #005B46 · #00232F

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#E6DED1): bright and airy, almost weightless.
• Mint Leaf (#7EBFBE): A luminous, dusty teal — the color of sea glass.
• Cerulean (#008394): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005B46): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00232F): A deep, shadowed, 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 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

• Weathered Summit color palette (#F4EDE4, #6BADBF, #006F97, #004A48, #001529)
• Dusty Cerulean color palette (#F5EDE1, #8BD1E0, #0093BE, #006D65, #00314E)
• Lagoon Terrace color palette (#E4FBF6, #8FDCDA, #008B94, #005248, #001013)
• Chalky Cobalt color palette (#E6E0D5, #7FB9DE, #0075D3, #005764, #0C1A49)
• Antique Lagoon color palette (#F9F4ED, #C1E7E0, #59B2CE, #118D7E, #314F44)
• Byzantium Orchard color palette (#ECDEEC, #AB3FAF, #846300, #00646E, #1F0520)
• Fern Archive color palette (#EEE6CC, #82964B, #686400, #4D3A00, #171800)
• Worn Magenta Lagoon color palette (#F9DDE3, #C967E2, #3B8900, #6B0081, #092100)

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