Petrol Balcony color palette — #E8FAF5 · #8FCCBB · #53A1A2 · #5B6D9D · #294E55

Built around Slate, softened by Eucalyptus — the whole palette hums with creativity and calm.

The five colors

• Ivory (#E8FAF5): bright and airy, almost weightless.
• Mint Leaf (#8FCCBB): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#53A1A2): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#5B6D9D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#294E55): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Creativity, Calm, Sophistication. Tagged retro, 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

• Pewter Workshop color palette (#E3FBFB, #9BC4E1, #6F95C3, #8A5B8D, #384A59)
• Worn Ash Drift color palette (#ECF8F6, #BBD8D7, #76A892, #548983, #355453)
• Seafoam Loft color palette (#F8F6E0, #94F4CE, #6AB1AB, #836882, #394332)
• Ancient Teal color palette (#E6F5F8, #56ADA1, #425D65, #263C40, #1B2324)
• Tempered Delta color palette (#D6FFF9, #00BFC2, #008CA8, #5E40B1, #003D43)
• Timeworn Harbor color palette (#BBE9E6, #00A4BC, #00729F, #630A99, #002934)
• Hushed Navy color palette (#D3EBE6, #00736B, #00464F, #1B0060, #000404)
• Chalky Ultramarine Summit color palette (#D2F6F8, #008AC4, #0C52B3, #60005C, #00172B)

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