Washed Petrol color palette — #F8EBE7 · #65C9C9 · #007290 · #004115 · #000209

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8EBE7): bright and airy, almost weightless.
• Aqua (#65C9C9): A luminous, balanced teal — the color of sea glass.
• Teal (#007290): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004115): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Black (#000209): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Soft Harbor color palette (#F6ECE5, #79C2DF, #0066C1, #003F35, #020012)
• Hazy Parlor color palette (#FFF2EC, #85DBEC, #0082C0, #00543A, #03072C)
• Muted Abyss Market color palette (#F6EAF2, #579D9D, #005363, #00321D, #001625)
• Worn Lantern color palette (#ABECFF, #00ABC6, #005962, #00161D, #000102)
• Feathered Brick color palette (#D5EED6, #009094, #C2002B, #004547, #040000)
• Antique Aqua Boulevard color palette (#D4E5D7, #4BC5C6, #0093A7, #006F57, #001720)
• Pale Lilac color palette (#DCF2D8, #9EDAFF, #AA87EE, #006D33, #00080D)
• Terracotta Harbor color palette (#BFE9E7, #007675, #943500, #722700, #000201)

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