Petrol Balcony color palette — #EFE6EC · #76C0D6 · #0072AB · #004C44 · #031239
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#EFE6EC): a clean, paper-quiet neutral.
- Sky (#76C0D6): A luminous, balanced blue — the color of open sky before noon.
- Slate (#0072AB): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#031239): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Balcony 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
- Timeworn Loft color palette (#E2F3F1, #6EBED8, #007297, #004E57, #00324B)
- Dusty Villa color palette (#F9EEF3, #9CD0EA, #387EC8, #005B5B, #141F39)
- Quiet Ultramarine Terrace color palette (#F4E5EA, #6EA3C9, #124BC1, #00393E, #0A002D)
- Aged Lilac Corridor color palette (#DAF1FF, #A5C9FF, #AE8FE8, #006967, #031E34)
- Hushed Azure Veranda color palette (#D0ECFC, #31A3E9, #006087, #002C43, #00070E)
- Washed Veranda color palette (#D6EDE7, #00989F, #005C70, #003B57, #001739)
- Weathered Pier color palette (#F6EFF3, #D6D1E7, #77A1C8, #367773, #2B364A)
- Patina Corridor color palette (#EEE5EC, #48989F, #005169, #002D20, #00040D)
Browse the whole catalog at Explore, or see today's palette.