Petrol Balcony color palette — #ECF4F1 · #DDD0CE · #CBB4B9 · #54799A · #242F2C

Slate takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DDD0CE): a clean, paper-quiet neutral.
• Rosewood Mist (#CBB4B9): A luminous, dusty red — the color of late-summer berries.
• Slate (#54799A): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#242F2C): quiet, heavy and certain.

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

• Antique Petrol Pier color palette (#EFF6FC, #DAD9E4, #C4BCCB, #497A9A, #42494E)
• Indigo Hollow color palette (#FAEEF3, #E7D1CD, #D6B5BB, #7857A8, #2E2026)
• Washed Chestnut Balcony color palette (#FFE5F3, #D4ACBB, #917395, #834428, #512700)
• Aged Turquoise color palette (#F0F7F4, #E2D3D0, #A59E93, #66A6CE, #37423E)
• Navy Field color palette (#EEE4EE, #AB9AA7, #7477A4, #003176, #080208)
• Iris Dune color palette (#FCECF9, #D5DBF9, #8FB7FF, #8681CD, #30162A)
• Aubergine Canyon color palette (#EEE7E9, #D6C7C9, #B89B9E, #68427D, #1D1216)
• Aged Lantern color palette (#F7F2E3, #B2B888, #697E39, #475C3C, #2B2717)

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