Washed Petrol color palette — #D1E7E4 · #459D8D · #006C90 · #383800 · #000503

A conversation between Peacock and Fern, giving this palette its sense of nature and growth.

The five colors

• Silver (#D1E7E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#459D8D): A luminous, balanced teal — the color of sea glass.
• Peacock (#006C90): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#383800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, 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

• Ultramarine Delta color palette (#D7EAEC, #4893A6, #2D61B5, #0E4201, #000202)
• Weathered Station color palette (#D9EEE3, #00AC93, #007879, #00421A, #001517)
• Ancient Moss Loft color palette (#E7E6D7, #759C4C, #00766B, #492A00, #020300)
• Frosted Teal color palette (#D6F2DA, #2DB39F, #188BB8, #475200, #080F00)
• Soft Study color palette (#DEE6D4, #62D2B5, #009C99, #005A1A, #010100)
• Worn Studio color palette (#C5E6F5, #6DA6E2, #7858DB, #00463B, #000811)
• Nocturne Aubergine color palette (#DFF0F5, #006663, #34006C, #002423, #020007)
• Worn Iris Orchard color palette (#DDF3F8, #80C0E1, #6F86E0, #005C35, #001219)

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