Petrol Balcony color palette — #EFF6FA · #D9DAE3 · #C3BDD5 · #238098 · #3F4A4F

Built around Cerulean, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Silver (#D9DAE3): a clean, paper-quiet neutral.
• Ash (#C3BDD5): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#238098): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F4A4F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Aged Cerulean Archive color palette (#F1F6FB, #DBD9E1, #B9A7A6, #6685A8, #4E5359)
• Cypress Atelier color palette (#EBF4F0, #CCDBDC, #ACC1C5, #54806C, #262E2A)
• Worn Lantern color palette (#F3F5FC, #E0D5E0, #BAAEC2, #685891, #373A46)
• Hushed Abyss color palette (#E4F0F8, #9FAABA, #747E9E, #003D53, #051620)
• Hushed Cypress color palette (#E9FAF3, #95BB9A, #2C8470, #3F5E6F, #2F4846)
• Worn Basin color palette (#E8F8FF, #009BA6, #8B4484, #554800, #064238)
• Aubergine Orchard color palette (#E8E8F2, #BBB6C5, #9A86A0, #5B2283, #1D1D2E)
• Gentle Sapphire color palette (#E5FCEB, #3BA7BD, #5063B3, #624A00, #274052)

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