Petrol Coast color palette — #F7ECFF · #CDB7D8 · #B28474 · #1D778A · #2E4E6E
Built around Teal, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Blush (#F7ECFF): A whisper-light, dusty violet — the color of wild irises.
- Lavender (#CDB7D8): A luminous, dusty violet — the color of wild irises.
- Caramel (#B28474): A luminous, dusty orange — the color of autumn markets.
- Teal (#1D778A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#2E4E6E): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, 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
- Wandering Corridor color palette (#EAF1FF, #BFB2EC, #B58498, #1E8559, #005962)
- Softworn Bronze color palette (#EFEDFB, #B5A2C4, #AA6D56, #006B7A, #283458)
- Hushed Cerulean Lantern color palette (#F8F2FF, #D7C2D1, #8CAD8C, #5F809E, #474D6D)
- Taupe Drift color palette (#FFF0FC, #F5D3C7, #CF9C6F, #5D7F65, #004C54)
- Wandering Bronze color palette (#F0EDFC, #BA8384, #916122, #005372, #28234F)
- Antique Bronze Courtyard color palette (#FFF2EC, #DEA688, #A8743A, #4C6724, #305734)
- Antique Ultramarine Orchard color palette (#FAD8E0, #E1A37E, #998314, #265EBF, #4F2B66)
- Azure Corridor color palette (#FBF2F8, #B6E3F7, #00A8E7, #00856F, #153F74)
Browse the whole catalog at Explore, or see today's palette.