Petrol Balcony color palette — #E1F3F1 · #84BBCF · #007299 · #004E58 · #00314C

Peacock and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E1F3F1): a clean, paper-quiet neutral.
• Ash (#84BBCF): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#00314C): 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 Petrol color palette (#EFE6EB, #80BED4, #0070B1, #004C46, #061238)
• Softworn Cobalt Garden color palette (#ECF8F7, #ACC9DF, #377EB2, #005C72, #213C59)
• Misty Study color palette (#EDF0E4, #90E0FF, #4BB0E1, #008EA1, #00314D)
• Worn Workshop color palette (#DFFBFF, #82CDCA, #54B1C2, #006B4E, #003E38)
• Washed Abyss color palette (#D9E7E4, #579BA6, #005363, #003030, #001720)
• Washed Petrol Grove color palette (#EFF7F6, #D5DCEC, #6CA0C3, #127B91, #3C556D)
• Washed Delta color palette (#C0E6EA, #009479, #415AD9, #005646, #15205E)
• Denim Field color palette (#C6EFF3, #007E65, #006594, #534F00, #00261D)

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