Petrol Balcony color palette — #D1F3FC · #007296 · #004263 · #001C36 · #0A0220
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D1F3FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004263): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#001C36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0A0220): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Pale Onyx Lagoon color palette (#CFEDFF, #006BAF, #003670, #04005A, #06002F)
- Inked Study color palette (#E0EFE3, #006279, #003353, #290038, #000D15)
- Weathered Market color palette (#D2F5E6, #008170, #004440, #001F20, #010911)
- Denim Market color palette (#CFF0E0, #00A1B4, #007393, #005090, #000A13)
- Navy Corridor color palette (#C5F2F4, #0091AB, #005E87, #002861, #080035)
- Midnight Aubergine color palette (#D4F3E6, #005073, #280078, #270025, #000A07)
- Abyss Lagoon color palette (#D5E2D9, #97B0A2, #69877A, #003F48, #0A170E)
- Softworn Garden color palette (#C5E3F9, #2C6EC3, #363C80, #3E1E34, #350019)
Browse the whole catalog at Explore, or see today's palette.