Petrol Balcony color palette — #F2EADD · #61B0BB · #00718E · #004B43 · #001624
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#F2EADD): a clean, paper-quiet neutral.
- Cyan (#61B0BB): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00718E): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B43): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001624): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Misty Alley color palette (#F3E8D8, #7DBBD4, #007CB7, #00585C, #001E43)
- Hushed Summit color palette (#E7F1E9, #67C7D6, #00728F, #003F38, #000306)
- Timeworn Denim color palette (#EFE5D4, #6199C1, #245899, #003A45, #03002E)
- Worn Terrace color palette (#CDE7E0, #00938F, #006369, #003D48, #001A28)
- Iris Hollow color palette (#CAF0FB, #84B8E5, #7187DD, #006667, #001F2D)
- Wandering Cerulean Market color palette (#DBF2FD, #009BC1, #005F77, #002B37, #000305)
- Weathered Brick color palette (#D4E7EB, #008699, #B43000, #004E5A, #230400)
- Tempered Azure Boulevard color palette (#FAF4EB, #BCDEC8, #4FA0C4, #007C77, #123E5D)
Browse the whole catalog at Explore, or see today's palette.