Petrol Coast color palette — #D8ECFF · #B0B0E1 · #AE84A0 · #008091 · #133752
A conversation between Teal and Mauve, giving this palette its sense of trust and stability.
The five colors
- Frost (#D8ECFF): A whisper-light, dusty blue — the color of deep harbor water.
- Mauve (#B0B0E1): A luminous, dusty violet — the color of twilight just after sunset.
- Dusty Rose (#AE84A0): A luminous, dusty pink — the color of neon signs at night.
- Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#133752): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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 Stone color palette (#E8E9FF, #E0A7B6, #B48A9C, #5B739B, #273958)
- Lilac Canyon color palette (#C2E9F3, #9BBCD6, #AA85BE, #52876D, #003E39)
- Muted Courtyard color palette (#E5EEFF, #AC93CC, #B1737C, #006B8A, #0D224F)
- Tempered Cerulean color palette (#D0E0F6, #B8C3DF, #CA99B1, #4396A3, #334560)
- Patina Driftwood color palette (#F3F2FF, #E6B7CD, #B96A69, #44683F, #04373B)
- Gentle Periwinkle Thicket color palette (#F7EBEF, #B8D7F3, #869FF4, #009191, #342251)
- Ash Station color palette (#EBEEFF, #C081A9, #825849, #00483F, #002520)
- Cobalt Lantern color palette (#E9E3F3, #F09EB2, #D38B44, #5E77C9, #2A3A78)
Browse the whole catalog at Explore, or see today's palette.