Petrol Coast color palette — #F5EDE2 · #8EBCB0 · #4766A5 · #004D61 · #252659
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#F5EDE2): bright and airy, almost weightless.
- Ash (#8EBCB0): A luminous, dusty teal — the color of sea glass.
- Slate (#4766A5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Peacock (#004D61): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#252659): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
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 Veranda color palette (#F6EDE0, #96BC9F, #00748E, #005147, #00324A)
- Dusty Petrol color palette (#EFE8DF, #8EBFB2, #5A62AF, #004B4F, #1F0831)
- Weathered Thicket color palette (#FBF4E9, #A0D9E8, #008BB9, #006763, #00436F)
- Iris Meadow color palette (#F7EBEF, #A4C8ED, #767FC8, #006B71, #3A1D53)
- Denim Archive color palette (#F2E8DA, #6597B1, #004C80, #002F34, #000C3F)
- Hazy Periwinkle color palette (#EAF1EB, #B6D7F8, #75A2FC, #008CAE, #262853)
- Washed Abyss color palette (#EEE6D8, #4F8B92, #004454, #00231D, #000B13)
- Cypress Summit color palette (#F9F4EE, #C6E5D3, #5E91B0, #206F70, #573D5A)
Browse the whole catalog at Explore, or see today's palette.