Muted Petrol Courtyard color palette — #EFF6FC · #D9D7E7 · #B0B1C8 · #076D90 · #303C45

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

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D9D7E7): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B0B1C8): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#076D90): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#303C45): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Dusty Petrol Corridor color palette (#E9F5F0, #EAD3DA, #C2B1BC, #376B8B, #15241F)
• Softworn Pier color palette (#F1F5FD, #D1D0E4, #B09EBF, #434FAA, #283348)
• Pewter Alley color palette (#CCEDF9, #80A3CE, #946390, #355B52, #234146)
• Driftwood Meadow color palette (#F3F5FB, #DFD8DF, #B6A9A2, #7E7DA5, #4F525B)
• Hushed Denim color palette (#D9E2EA, #B2B9C8, #8D89AB, #00496F, #15212B)
• Patina Fern color palette (#FFF0F9, #B09770, #646801, #534169, #263C28)
• Ultramarine Villa color palette (#DCE6F5, #305DB8, #2F1B3D, #071425, #02040C)
• Aged Aubergine color palette (#E5E7F2, #9C96AA, #7E6880, #36006D, #070812)

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