Petrol Coast color palette — #E4F7EE · #54AABF · #5865A9 · #4F4800 · #092539
A conversation between Slate and Cyan, giving this palette its sense of nature and growth.
The five colors
- Cream (#E4F7EE): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#54AABF): A luminous, balanced blue — the color of open sky before noon.
- Slate (#5865A9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#4F4800): A deep, shadowed, balanced green — the color of fresh herbs.
- Midnight (#092539): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged retro, muted, cool.
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
- Patina Fern color palette (#E5F6F3, #89B0D3, #836C9F, #3D5C22, #202C41)
- Antique Petrol Boulevard color palette (#FFECF5, #5EAE95, #00759B, #703200, #002830)
- Mulberry Boulevard color palette (#E8F4FC, #329ABF, #954762, #464300, #211F00)
- Sapphire Veranda color palette (#FDF0FF, #669BD9, #5660B5, #6F3957, #2E3E54)
- Airy Nightshade Basin color palette (#E4F6DD, #008BB7, #5231B3, #303500, #001228)
- Timeworn Cabin color palette (#FFF4DF, #56C0E3, #797BD3, #746229, #25443C)
- Lagoon Loft color palette (#E7F6F1, #93BDBB, #2D8578, #285C71, #032E2D)
- Gentle Iris color palette (#CFFEF1, #678AF2, #8C3A90, #004B27, #1D123D)
Browse the whole catalog at Explore, or see today's palette.