Petrol Coast color palette — #F6F1EA · #C6E4E5 · #AE90B2 · #367581 · #412F3E
Teal takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F6F1EA): bright and airy, almost weightless.
- Silver (#C6E4E5): A whisper-light, dusty teal — the color of sea glass.
- Dusty Rose (#AE90B2): A luminous, dusty pink — the color of neon signs at night.
- Teal (#367581): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Espresso (#412F3E): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Timeworn Cypress Meadow color palette (#F5F1EA, #C8E1DF, #7DA796, #2C7877, #193E36)
- Softworn Olive Lagoon color palette (#F4F2E4, #ADBA87, #A591C1, #6B793D, #442732)
- Wandering Cypress Thicket color palette (#FAF3F6, #D9DEEE, #8299C7, #2F7D77, #4C5168)
- Dusty Thicket color palette (#F2ECE2, #61A6C8, #005C95, #00383E, #000727)
- Patina Petrol Loft color palette (#EEE8DE, #78C1CD, #007695, #004C45, #001828)
- Taupe Studio color palette (#F4F3DE, #8CA765, #6892B8, #A26370, #2A2812)
- Aged Powder color palette (#FAF4EE, #C7DCE7, #C4BCE9, #809B79, #5D4552)
- Hushed Field color palette (#F7EFE3, #549795, #00535D, #002D20, #000508)
Browse the whole catalog at Explore, or see today's palette.