Petrol Coast color palette — #EEF8EE · #009C9B · #0067AA · #54357D · #373932
Peacock takes the lead with Royal Purple close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EEF8EE): a clean, paper-quiet neutral.
- Cerulean (#009C9B): A luminous, balanced teal — the color of glacier melt.
- Peacock (#0067AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Royal Purple (#54357D): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#373932): quiet, heavy and certain.
Feels like: Trust, Stability, Creativity, Balance. Tagged 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
- Faded Navy color palette (#F1F8EB, #3D9C7E, #006F87, #324185, #313D12)
- Petrol Chapel color palette (#EBF9F3, #689FC3, #6968A7, #6F406C, #5B382E)
- Chalky Grape color palette (#ECF9F4, #428FC9, #6A50A7, #712A54, #004144)
- Muted Nightshade color palette (#CEF2DE, #007B96, #3300D6, #550059, #002B25)
- Emerald Station color palette (#F1F4E5, #43A553, #4B5FA5, #662D29, #370F0E)
- Turquoise Summit color palette (#D3F4D0, #31C5CC, #008D9C, #006271, #26503C)
- Aged Driftwood color palette (#E7F8E7, #A6C0AE, #678E7E, #785A68, #5D4742)
- Airy Indigo Harbor color palette (#FCEDF7, #5A6DD0, #763086, #6E072E, #00313C)
Browse the whole catalog at Explore, or see today's palette.