Petrol Coast color palette — #EFF6FB · #9FC6E1 · #8870A7 · #0077A1 · #2B2C3D
Built around Cerulean, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF6FB): bright and airy, almost weightless.
- Sky (#9FC6E1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#8870A7): A full-bodied, balanced violet — the color of wild irises.
- Cerulean (#0077A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#2B2C3D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Ancient Petrol Pier color palette (#F2F5FC, #B7BCE9, #9D6B8C, #6164AC, #312A39)
- Raspberry Meadow color palette (#EAF4F7, #88D2D7, #BC627F, #008188, #1A131C)
- Hushed Chestnut Lantern color palette (#ECF9EF, #90A9D1, #7D6E9A, #745125, #3F485A)
- Timeworn Garden color palette (#EEF6FF, #A2B7DA, #8080B5, #684B94, #5C3164)
- Washed Meadow color palette (#F1F7F2, #A1DEE1, #D17DA2, #319DA3, #392928)
- Patina Cerulean Courtyard color palette (#F1F6FB, #DAD9DF, #B7A8A9, #5F85B0, #4E5359)
- Terracotta Canyon color palette (#ECF7FF, #5D90B3, #965157, #5D4F00, #1D3C40)
- Weathered Atelier color palette (#EEF6FF, #57A4FF, #933799, #0055A3, #1F1734)
Browse the whole catalog at Explore, or see today's palette.