Muted Petrol Courtyard color palette — #F5E3EE · #76BFD8 · #2F6EAA · #004D3E · #101131

A conversation between Slate and Sky, giving this palette its sense of trust and stability.

The five colors

• Blush (#F5E3EE): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#76BFD8): A luminous, balanced blue — the color of deep harbor water.
• Slate (#2F6EAA): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#101131): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Cobalt Pier color palette (#F8EFF3, #92D2EF, #4D7CBF, #005C51, #171E3A)
• Petrol Garden color palette (#E0F3F1, #92B7CC, #007296, #004E56, #00324A)
• Ultramarine Alley color palette (#F8E1E9, #5DA4D4, #334EAF, #003938, #100027)
• Dusty Ash color palette (#F8EFF4, #D6D1E6, #7F9FC7, #3F776B, #303646)
• Cerulean Delta color palette (#FAE9F8, #009CA7, #00506E, #002E17, #000315)
• Plum Ridge color palette (#FEE9F3, #BC0083, #006E5C, #005159, #11031C)
• Amber Lagoon color palette (#EAE2FF, #FFBCB4, #C0984F, #594E80, #231428)
• Hushed Navy color palette (#F9E8EF, #1481B6, #142F8A, #001F1E, #020008)

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