Petrol Coast color palette — #D0E4E8 · #007E9B · #004A6F · #00264A · #00072D
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Silver (#D0E4E8): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#007E9B): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004A6F): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#00264A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00072D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, 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
- Feathered Navy Grove color palette (#DDEEF7, #0079B2, #004A93, #040076, #0C0033)
- Hazy Terrace color palette (#D9F1F6, #009DC9, #006692, #00447E, #081E51)
- Cypress Corridor color palette (#CFF4E2, #00846E, #004E4B, #002B2D, #000A0E)
- Petrol Veranda color palette (#D3E9E2, #0071B0, #7B4C00, #00395D, #0F0600)
- Navy Delta color palette (#D4E6FF, #457FDC, #003AA0, #001543, #000105)
- Feathered Basin color palette (#D0F6F1, #00A6BC, #00699E, #03179F, #0C0137)
- Patina Orchid Boulevard color palette (#FDE8FF, #9DA6E8, #A86BDB, #005269, #03102D)
- Weathered Bloom color palette (#BEEDD5, #60B8E7, #1483D6, #2B4C8A, #41263A)
Browse the whole catalog at Explore, or see today's palette.