Petrol Coast color palette — #EDF3F7 · #D8D7E2 · #C7B8CE · #3C7E9B · #262D32

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

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D8D7E2): a clean, paper-quiet neutral.
• Ash (#C7B8CE): A luminous, dusty pink — the color of neon signs at night.
• Slate (#3C7E9B): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#262D32): quiet, heavy and certain.

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

• Antique Petrol Orchard color palette (#EFF6FC, #D9D9E4, #C1BCCE, #4C7A98, #43484D)
• Dusty Drift color palette (#EFF1F9, #E0D2E0, #CAB7D0, #6758BD, #1F2435)
• Wandering Cabin color palette (#CEF3FC, #A1BED7, #8184A3, #2F6664, #1C4241)
• Hushed Abyss color palette (#E4EDF6, #97A0B5, #7B7796, #003A5A, #00050C)
• Softworn Study color palette (#EFF8F3, #E2D3CF, #A7A192, #719A88, #414A46)
• Patina Olive color palette (#FAEEF5, #9ABE9E, #737C2F, #505173, #1A2C1D)
• Muted Veranda color palette (#E7E9EF, #CDC8D9, #B599B7, #5D4097, #131521)
• Softworn Petrol color palette (#E0F9EB, #3CADC2, #695FA7, #4F4800, #112534)

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