Muted Courtyard color palette — #FAF4EC · #B1F2FF · #00A0CC · #006B63 · #002136

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sea Foam (#B1F2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#00A0CC): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006B63): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002136): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Soft Cornflower color palette (#F9F4ED, #CFE9FF, #428FFF, #00677C, #141941)
• Denim Basin color palette (#F6EDDF, #66ADCB, #00598B, #002B2E, #000105)
• Hushed Sky color palette (#F9F4EE, #D5D6E5, #48B1EC, #007F81, #3C243F)
• Petrol Station color palette (#E1F3F0, #8AB9CE, #00748D, #004F51, #003344)
• Washed Cobalt color palette (#FDF4E6, #A2D4EF, #007ED1, #005059, #000630)
• Aqua Station color palette (#F6EDDE, #68C9C9, #007483, #003F30, #000305)
• Washed Corridor color palette (#F8F5EF, #BFE1EC, #8DD7FD, #52A19E, #34554C)
• Seafoam Atelier color palette (#DAFFEE, #55E3B2, #009374, #004332, #000704)

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