Muted Petrol color palette — #EBF3F9 · #D9B7D0 · #436580 · #1E3344 · #0C151C

Built around Peacock, softened by Carnation — the whole palette hums with sophistication.

The five colors

• Ivory (#EBF3F9): bright and airy, almost weightless.
• Carnation (#D9B7D0): A luminous, dusty pink — the color of a candy shop window.
• Peacock (#436580): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#1E3344): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0C151C): quiet, heavy and certain.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Muted Petrol 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

• Hushed Stone color palette (#EDF2FC, #A1D0BA, #526180, #273145, #10141C)
• Hushed Petrol Dune color palette (#ECF3F8, #96CCEA, #9E7297, #377A9B, #17141F)
• Hushed Cerulean color palette (#EEF8F4, #EFC8B3, #5684A0, #275848, #212F2A)
• Pewter Corridor color palette (#E2F7F3, #8AAFD9, #876B9B, #435A36, #252C3B)
• Antique Driftwood Veranda color palette (#EEF2F9, #D9D5DD, #BAABB0, #6F84A1, #32363D)
• Softworn Orchard color palette (#E3E9F4, #ACA25C, #344279, #10173E, #02050F)
• Aged Loft color palette (#E9F3FC, #559DCA, #A57758, #7D5336, #162430)
• Pewter Veranda color palette (#ECF2FC, #7D91C1, #925469, #454D21, #0D1C28)

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