Muted Courtyard color palette — #F0E7E1 · #7DBED4 · #006DBB · #004D3D · #100E38

Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Parchment (#F0E7E1): a clean, paper-quiet neutral.
• Sky (#7DBED4): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#006DBB): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#100E38): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Forest Lantern color palette (#F3E6E2, #80C1BF, #007792, #005012, #00172E)
• Petrol Atelier color palette (#F5EDE1, #6FBED9, #0070A0, #004F51, #142F4C)
• Aged Ultramarine color palette (#F6EEE7, #79A1C2, #3949B5, #00393A, #110026)
• Timeworn Thicket color palette (#F7F0EC, #A4D4C0, #537BC1, #005C54, #331426)
• Airy Cobalt Boulevard color palette (#FBE9F3, #7CD2ED, #3E8BD0, #006E58, #252855)
• Dusty Harbor color palette (#E8DCD7, #4298A1, #00506E, #002E17, #000315)
• Washed Cypress Cabin color palette (#F7F0EC, #C3E9E9, #809EC7, #34796C, #452E3C)
• Plum Canyon color palette (#FFE3E5, #AB23A1, #006C6E, #0F4E65, #180016)

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