Petrol Coast color palette — #F4ECE1 · #71ABB7 · #0080A4 · #005E57 · #000A15
Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F4ECE1): a clean, paper-quiet neutral.
- Blue Fog (#71ABB7): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005E57): A full-bodied, dusty teal — the color of shallow lagoons.
- Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Worn Cerulean Market color palette (#E7E0D5, #71BDD1, #008EC0, #006D6B, #001529)
- Antique Sapphire color palette (#F0E6D7, #7EAC9C, #0073D9, #005B6A, #02002E)
- Denim Grove color palette (#F1E6EE, #5CB1BE, #005B84, #002D1C, #00000C)
- Hushed Market color palette (#DFF0EA, #00A881, #00775F, #004534, #000201)
- Wandering Cerulean color palette (#D6E5D8, #1A8798, #004256, #00201D, #000103)
- Feathered Pier color palette (#D9E6C7, #68B8AC, #00A4BF, #377800, #000D0A)
- Mulberry Market color palette (#E6EED4, #2CAA68, #9B1690, #006538, #10000E)
- Hazy Periwinkle color palette (#F3EEE6, #AADBF6, #51AAF9, #008F9E, #142B5A)
Browse the whole catalog at Explore, or see today's palette.