Petrol Coast color palette — #E1EDE3 · #7DBBE5 · #356CAE · #004956 · #0B1332
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E1EDE3): bright and airy, almost weightless.
- Sky (#7DBBE5): A luminous, balanced blue — the color of deep harbor water.
- Slate (#356CAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004956): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#0B1332): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. 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
- Antique Harbor color palette (#F5EDE5, #8CB7D4, #3C67AD, #004F54, #28255B)
- Washed Petrol Archive color palette (#E2ECE4, #7DC1C2, #00788A, #004D3C, #001923)
- Dusty Cobalt Studio color palette (#EDF0E7, #9ECBEB, #4C8BC5, #006785, #112E53)
- Timeworn Cerulean color palette (#DBEEDF, #2697B9, #004F74, #002B2D, #00040F)
- Linen Quarry color palette (#C5F3FE, #75D4E7, #65AAE9, #007357, #001A21)
- Plum Lagoon color palette (#CBEAEF, #009385, #B52E68, #00524A, #290011)
- Hushed Ridge color palette (#D8F3DA, #009463, #006252, #00403D, #001F21)
- Grape Meadow color palette (#D3EAE8, #007B77, #793D9F, #6B4200, #000E0D)
Browse the whole catalog at Explore, or see today's palette.