Washed Petrol color palette — #E7F9FF · #007789 · #604E00 · #493B00 · #042B17

Built around Teal, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Ivory (#E7F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#007789): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#604E00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#493B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Forest (#042B17): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Frosted Mulberry Canyon color palette (#E9F8FF, #007589, #89007A, #383D00, #022837)
• Terracotta Orchard color palette (#ECF7FF, #0088BC, #9D2D00, #394600, #013416)
• Garnet Courtyard color palette (#E8F8FF, #00818D, #930020, #5B2900, #292500)
• Worn Terracotta color palette (#EDF6E1, #00845D, #8B3300, #513900, #071100)
• Muted Denim Delta color palette (#E1F0FF, #004D9C, #5C3900, #3B2300, #001714)
• Chalky Amethyst Coast color palette (#F1F5FF, #8039FF, #5C5A00, #403E00, #002C2F)
• Wandering Peony color palette (#F7F3FF, #A867A9, #636E2D, #485022, #293840)
• Pale Grape color palette (#DBFFEE, #0098CE, #7E35AF, #4A4800, #20355A)

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