Petrol Coast color palette — #FDF1F9 · #E4D5D6 · #D1B2C0 · #5563AD · #4D3847
A conversation between Slate and Rosewood Mist, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FDF1F9): a clean, paper-quiet neutral.
- Silver (#E4D5D6): a clean, paper-quiet neutral.
- Rosewood Mist (#D1B2C0): A luminous, dusty rose — the color of pressed rose petals.
- Slate (#5563AD): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#4D3847): A deep, shadowed, dusty pink — the color of peonies in June.
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
- Hushed Sapphire color palette (#F7EFF5, #E3D2D1, #D9B4BA, #4464BE, #301E2E)
- Weathered Cornflower Basin color palette (#F0F6FF, #DDD6E3, #CFB7CF, #5B80E4, #334056)
- Worn Meadow color palette (#F4ECF0, #D7C7CE, #B299A1, #4F4797, #362931)
- Worn Petrol color palette (#EDF8F2, #CCDDDE, #A8C3BB, #007595, #35443C)
- Softworn Driftwood Courtyard color palette (#FCF3F2, #DFD8D3, #A8AFA2, #A17572, #59504F)
- Cocoa Garden color palette (#F3DFFF, #CCA3CC, #9E6C86, #78513C, #623D00)
- Ancient Summit color palette (#FEF2F2, #E1CDCC, #C59B94, #922677, #452B2C)
- Grape Atelier color palette (#F8D8E5, #7D3BCE, #371F43, #280E1A, #100405)
Browse the whole catalog at Explore, or see today's palette.