Petrol Balcony color palette — #F2E7DE · #95BEAC · #2C6EAF · #004B4A · #0B0D3E

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F2E7DE): bright and airy, almost weightless.
• Sage (#95BEAC): A luminous, dusty teal — the color of sea glass.
• Slate (#2C6EAF): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B4A): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0B0D3E): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Softworn Study color palette (#EDF0E3, #95BBAA, #0070A1, #004E5C, #003052)
• Hushed Denim Terrace color palette (#F5E9E3, #5BACA9, #006373, #003C20, #000C16)
• Worn Cerulean color palette (#FFEEE5, #B7DBB9, #0091B0, #006543, #002840)
• Softworn Cobalt color palette (#F8EAF1, #A9C9DF, #3D89D9, #006C6B, #222954)
• Navy Boulevard color palette (#F1E7DD, #4A7DA9, #1E327E, #001E23, #020009)
• Feathered Plum color palette (#F8DDD8, #B43260, #006E5B, #005854, #1D0008)
• Hushed Pewter color palette (#F7F0EB, #C9E3E4, #AE91AD, #557459, #432F3C)
• Dusty Mulberry color palette (#FFE8E7, #B55C8F, #007B78, #7E0059, #001615)

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