Petrol Balcony color palette — #CDE9F0 · #007C9A · #00465D · #002134 · #07091E

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CDE9F0): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#007C9A): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00465D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002134): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#07091E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Cobalt Pier color palette (#DEEDFC, #006FC6, #003D6C, #001124, #00040D)
• Wandering Studio color palette (#DCECE5, #00745D, #004D44, #002C29, #01141D)
• Soft Alley color palette (#BFECEA, #008896, #005C79, #003151, #00074A)
• Linen Indigo Drift color palette (#D9ECFF, #85A2D9, #6F74C6, #004261, #001432)
• Patina Mulberry color palette (#DCEEFF, #0063A0, #850067, #002F50, #220018)
• Aubergine Coast color palette (#D6EEFF, #00527C, #5A0A89, #00392E, #000812)
• Linen Cobalt color palette (#CFE4F6, #0071D0, #00358A, #07006E, #1B0031)
• Azure Veranda color palette (#C6E9F8, #009FD5, #006B9E, #004879, #2B2461)

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