Petrol Balcony color palette — #E7F2E9 · #67C1D1 · #007393 · #00504A · #00314D
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Cyan (#67C1D1): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00314D): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Softworn Petrol color palette (#F0E5ED, #81BFCA, #00759F, #004D3E, #001532)
- Worn Cobalt Bloom color palette (#F0F7F1, #92D0E5, #2E80AE, #005F61, #223C58)
- Ancient Turquoise color palette (#EEEFE6, #B9DEC4, #00B7DB, #009093, #003344)
- Sunlit Seafoam Thicket color palette (#C7FAFA, #46E9D9, #26B2D6, #496D33, #00393E)
- Washed Lagoon Lantern color palette (#E5F2E7, #00A4A4, #00535E, #003124, #001720)
- Ash Atelier color palette (#F0F7F1, #D4DFF1, #6DA1BC, #3F7A78, #415568)
- Mulberry Alley color palette (#B7EAE7, #26A764, #8D2C89, #005830, #3D183B)
- Patina Grove color palette (#D3EBDE, #007F56, #544CB5, #832D00, #002526)
Browse the whole catalog at Explore, or see today's palette.