Washed Petrol Coast color palette — #E5F2F1 · #8DB7D4 · #286DA2 · #004D61 · #012D5B

Slate and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E5F2F1): bright and airy, almost weightless.
• Ash (#8DB7D4): A luminous, dusty blue — the color of deep harbor water.
• Slate (#286DA2): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004D61): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#012D5B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. 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

• Worn Cobalt Lagoon color palette (#EBF8F8, #ACC8E4, #4C7AB6, #005A7E, #2A3A5B)
• Cypress Cabin color palette (#E1F3EF, #80BEBD, #00767E, #005146, #00353C)
• Timeworn Courtyard color palette (#F2E5EA, #92B9D6, #326AB7, #004B4D, #100841)
• Periwinkle Garden color palette (#EDF0E6, #AEE0CD, #3CACFF, #008CAF, #122E50)
• Antique Cabin color palette (#D0E3E0, #449CB6, #00516B, #002F34, #001624)
• Dusty Ash Dune color palette (#EEF7F7, #D8DBEC, #7A9CC3, #44768D, #43546A)
• Emerald Quarry color palette (#CAE8D4, #00A476, #006954, #00483D, #002D37)
• Bronze Hollow color palette (#C3E5EB, #009380, #8A6200, #00564A, #372500)

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