Petrol Balcony color palette — #F3F7EA · #B9DED0 · #679BC8 · #007797 · #213C5C
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F7EA): a clean, paper-quiet neutral.
- Silver (#B9DED0): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#679BC8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007797): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#213C5C): 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
- Dusty Cypress color palette (#F6F6EC, #BDDFBE, #46A5AE, #007D70, #00434D)
- Worn Petrol color palette (#EAECDE, #5CB0BF, #00728A, #004A4B, #001721)
- Washed Denim Ridge color palette (#E1E7D7, #6898BF, #0058A4, #00384D, #000624)
- Cobalt Hollow color palette (#FCF3EC, #AACEC1, #5778AF, #005F64, #35355E)
- Wandering Periwinkle color palette (#FBF3F6, #C4E5FF, #82B2FF, #009FA7, #35365A)
- Misty Cobalt Cabin color palette (#E3E7DC, #94B5D7, #3672CD, #005378, #091750)
- Soft Rose color palette (#FED9E3, #B37AD1, #D55D63, #247CC1, #362241)
- Stone Field color palette (#F4F6EF, #C8E6E7, #8ABEAE, #69917B, #5C4C5E)
Browse the whole catalog at Explore, or see today's palette.