Petrol Coast color palette — #EBF8F6 · #89B9BF · #397F8A · #67506D · #204A4E

Built around Slate, softened by Charcoal Brown — the whole palette hums with trust and stability.

The five colors

• Ivory (#EBF8F6): bright and airy, almost weightless.
• Ash (#89B9BF): A luminous, dusty blue — the color of deep harbor water.
• Slate (#397F8A): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#67506D): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal (#204A4E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

One click turns 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

• Cypress Pier color palette (#ECF9F2, #91B9B3, #408173, #396450, #214B46)
• Worn Chestnut color palette (#F1F4E6, #8DC1A9, #328479, #744B01, #232A1A)
• Dusty Mulberry color palette (#E4FAFF, #2A9B95, #9167A7, #8D4899, #0A3F49)
• Timeworn Cypress color palette (#FAF3F8, #C8E1EC, #4C92BF, #037451, #38466C)
• Muted Orchard color palette (#E2FCF8, #D1DFED, #ADCDFF, #848646, #2C5154)
• Chalky Pine Corridor color palette (#E3FBF9, #74AF87, #B46FA0, #007A42, #5C3150)
• Worn Delta color palette (#F6F6EB, #AAE3D1, #74B9C3, #AA8680, #3B4731)
• Washed Drift color palette (#D7E9E3, #5A9C7B, #006262, #354500, #00321F)

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