Petrol Balcony color palette — #ECF0E4 · #8BBDE6 · #2168B1 · #003B50 · #00020E
A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF0E4): bright and airy, almost weightless.
- Sky (#8BBDE6): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#2168B1): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003B50): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00020E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. 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 Aqua color palette (#EEF0DE, #63C9D0, #007483, #003E3A, #000305)
- Navy Canyon color palette (#E2F4F3, #6395BE, #004A89, #002D3F, #001038)
- Patina Cornflower Boulevard color palette (#F7EEE4, #82B6E1, #577EDB, #006B76, #150041)
- Worn Petrol color palette (#F3F7EC, #C3DFF3, #85A8DB, #0A78A6, #1F2D4D)
- Turquoise Veranda color palette (#F6F7E4, #B0FFFD, #00AEB9, #007465, #002A31)
- Bronze Archive color palette (#E9DFD1, #A3802F, #684500, #331B00, #020100)
- Brick Courtyard color palette (#F4D9D9, #BF0F34, #705300, #630F82, #040000)
- Crimson Harbor color palette (#FFE2DA, #D73B5E, #6E6B00, #730027, #010100)
Browse the whole catalog at Explore, or see today's palette.