Petrol Balcony color palette — #EFF7F7 · #CADFF3 · #678EB6 · #006C8D · #32486A

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Powder Blue (#CADFF3): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#678EB6): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006C8D): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#32486A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Iris color palette (#F7EFF2, #C9DFF3, #658CD7, #006B74, #242B43)
• Feathered Balcony color palette (#E9F9FC, #59B1AB, #857DCE, #007570, #403B68)
• Antique Denim Alley color palette (#D9EBE8, #70A9B3, #006275, #003E3E, #002330)
• Washed Abyss Garden color palette (#DFEEEC, #5F869D, #00425D, #002127, #000A16)
• Lagoon Quarry color palette (#E6F9FF, #D3DBE7, #93CAE3, #19968B, #30525E)
• Timeworn Periwinkle Harbor color palette (#FBF4ED, #C3F0E1, #86A4E1, #138A96, #593E4E)
• Timeworn Petrol Lagoon color palette (#E9F9F6, #6DC8D0, #007C8D, #005652, #003947)
• Sapphire Boulevard color palette (#E5F1F1, #96B5D4, #2267BB, #004B69, #192B55)

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