Washed Petrol color palette — #E2ECE4 · #75C1D1 · #007699 · #004C47 · #00182A

Teal and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E2ECE4): a clean, paper-quiet neutral.
• Cyan (#75C1D1): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00182A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Patina Sapphire color palette (#E3ECE5, #90B8DB, #2F67C4, #00495A, #0E1134)
• Gentle Petrol color palette (#F9EBE4, #62C1D4, #006FA7, #00523A, #212B4F)
• Washed Cornflower color palette (#EBF5ED, #A3D7FD, #2B81EA, #005F71, #192246)
• Tempered Cypress color palette (#EEF4EF, #D2DDF2, #6CA4C4, #207978, #283847)
• Muted Market color palette (#DFECE2, #4B9899, #00535F, #002D22, #000509)
• Pale Mulberry color palette (#D8F7E6, #766D00, #006884, #840E62, #000F07)
• Pale Jade color palette (#D5F2E3, #B9D091, #52B58A, #775600, #001C13)
• Chestnut Quarry color palette (#D9EFE0, #898B4B, #655400, #432C00, #00120D)

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