Petrol Coast color palette — #E5F2ED · #C8DDD6 · #C2B1C2 · #2F7AA0 · #1F332B

Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E5F2ED): bright and airy, almost weightless.
• Silver (#C8DDD6): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#C2B1C2): A luminous, dusty pink — the color of neon signs at night.
• Slate (#2F7AA0): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#1F332B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Washed Azure color palette (#E9F0F4, #D1D2DF, #BFB5D3, #2EA0C6, #243036)
• Timeworn Indigo Thicket color palette (#F3ECF0, #E3D2DA, #C8B0B9, #6666BA, #3A2733)
• Denim Station color palette (#E9F0ED, #D4C7D4, #AE9AA5, #005D7A, #23322B)
• Muted Cypress Balcony color palette (#E0E9D0, #77B39D, #008472, #006263, #202E10)
• Aged Bloom color palette (#FAF3F8, #E0D7D8, #D1BBBC, #7B8EBD, #4D454B)
• Wandering Ash color palette (#DCE4FF, #A09CD4, #86709A, #7F4C54, #5D2C24)
• Linen Workshop color palette (#FFD2C8, #4D94E8, #535CBF, #762155, #132341)
• Feathered Cornflower color palette (#EEDBE9, #6279F1, #883D9E, #7B0739, #00242B)

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