Petrol Coast color palette — #FAF3F8 · #F2D3D4 · #D0B3BC · #4E66AB · #493A46

Slate takes the lead with Rosewood Mist close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Shell Pink (#F2D3D4): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#D0B3BC): A luminous, dusty rose — the color of a warm blush.
• Slate (#4E66AB): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#493A46): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, 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

• Cobalt Loft color palette (#F1F5FD, #DED7E7, #CAB9CB, #5F83D2, #38404D)
• Tempered Boulevard color palette (#F8EFF6, #E2D2D1, #D8B4BB, #4066BC, #2E202C)
• Antique Petrol Garden color palette (#EEF8F2, #C9DFE1, #C9B4C8, #007690, #37433C)
• Denim Corridor color palette (#F5EBF1, #DDC4CE, #B1999E, #484B92, #342B31)
• Washed Pewter Lantern color palette (#FCF2F5, #E4D8D3, #CFBCB0, #906773, #514447)
• Softworn Lilac Archive color palette (#EAE9FF, #C29EDC, #A46684, #615A2F, #195242)
• Aubergine Drift color palette (#EEE2E4, #C39F9F, #987670, #590A62, #1D0F12)
• Muted Peony Studio color palette (#FFF0F8, #A5CEFF, #B5A1FF, #B454B1, #392853)

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