Petrol Balcony color palette — #E5F3E8 · #88B9D1 · #236DA2 · #004F55 · #0C2C5C

Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E5F3E8): A whisper-light, dusty teal — the color of sea glass.
• Ash (#88B9D1): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#236DA2): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#0C2C5C): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Tempered Villa color palette (#F0F7F2, #ABC9E3, #567AA8, #005D6E, #2C3860)
• Muted Cobalt color palette (#F3E4EC, #93B9D2, #3169BC, #004C44, #16063E)
• Softworn Teal color palette (#DFECE1, #5BAFAB, #00636C, #00402D, #00242E)
• Chalky Veranda color palette (#F5EDE2, #9BDEFD, #36ADFE, #008F9A, #1A2E4D)
• Petrol Lagoon color palette (#F0F7F2, #D8DDEE, #7D9CBE, #307A86, #43536D)
• Frosted Forest color palette (#C2F6FE, #88D2D8, #65A9D7, #006F47, #003D3B)
• Navy Courtyard color palette (#E2ECE4, #6284A2, #0B3681, #00212A, #05002C)
• Plum Delta color palette (#BFE7EB, #009478, #A53F77, #005645, #490D30)

Browse the whole catalog at Explore, or see today's palette.