Petrol Balcony color palette — #ECF4F1 · #DED0CD · #C9B4B4 · #3B7DA0 · #262E2B

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DED0CD): a clean, paper-quiet neutral.
• Rosewood Mist (#C9B4B4): A luminous, dusty red — the color of a theater curtain.
• Slate (#3B7DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#262E2B): 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

• Timeworn Petrol color palette (#EEF8F4, #E4D3D1, #C8B8BC, #517997, #414A47)
• Softworn Indigo Villa color palette (#F7EFF3, #E8D2CC, #DBB4B3, #6A5BB2, #2F2028)
• Aged Archive color palette (#F0F6FB, #D9DAE5, #CBBFC4, #6BA5D1, #3A4045)
• Tempered Ultramarine Harbor color palette (#F6EFF6, #E5CBDA, #BC9ECB, #0058B1, #221423)
• Washed Cobalt color palette (#E7DCE6, #4870CA, #452534, #1E111C, #020805)
• Weathered Navy Courtyard color palette (#DEE9E6, #AB9AA6, #92717D, #00395E, #000604)
• Basalt Dune color palette (#D7F3E2, #C7A8C6, #A07784, #5E653D, #343A00)
• Antique Olive color palette (#FBF0E5, #C3B280, #717C37, #654B62, #2F2615)

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