Washed Petrol Coast color palette — #F1E5EE · #73C2CC · #0074A1 · #004E2F · #041336

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

The five colors

• Blush (#F1E5EE): bright and airy, almost weightless.
• Aqua (#73C2CC): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004E2F): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#041336): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Washed Petrol Coast 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

• Pale Sapphire color palette (#F1E5EA, #84BCDB, #2D64CD, #004C46, #170E32)
• Petrol Corridor color palette (#E4F3E6, #6FC0CC, #007390, #005048, #00324B)
• Cerulean Canyon color palette (#FCEAE2, #84D3DF, #1C90C8, #027049, #1F2D4C)
• Dusty Study color palette (#F6EFF4, #D4D2E8, #70A2C9, #427862, #2B364A)
• Weathered Spruce color palette (#EAE1EB, #499996, #005265, #012F06, #00040E)
• Hushed Byzantium color palette (#E5E5F4, #8D3EBB, #006E5F, #065063, #14011F)
• Amber Lantern color palette (#E4E2FF, #F3AFC3, #D58B00, #4F559F, #2F0C1E)
• Feathered Atelier color palette (#E7DBF3, #D55BA4, #397C00, #6B004A, #061700)

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