Washed Petrol color palette — #F9EBE4 · #73C1C0 · #00758A · #005331 · #00324B

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

The five colors

• Cream (#F9EBE4): bright and airy, almost weightless.
• Mint Leaf (#73C1C0): A luminous, dusty teal — the color of sea glass.
• Teal (#00758A): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005331): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Hushed Cypress color palette (#DCEDE9, #7AC2C0, #007A81, #004C42, #001A1F)
• Timeworn Boulevard color palette (#EFF0E4, #78D7D6, #0098A3, #006D61, #00343D)
• Worn Boulevard color palette (#F6EDE5, #8CB8D3, #2566BC, #004F52, #262855)
• Aged Denim Courtyard color palette (#EDDCD4, #57ACC1, #005E88, #003F36, #071E41)
• Frosted Cobalt Coast color palette (#FCF3ED, #91DBF3, #0086CE, #00675F, #293E6C)
• Misty Alley color palette (#FFE1E7, #AC4EC4, #315A00, #00534F, #2C1332)
• Weathered Fern Courtyard color palette (#F8EED2, #799154, #5E5800, #4A3200, #0A2C12)
• Chalky Orchid color palette (#F7D3DD, #B465DB, #008032, #5A007A, #00330F)

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