Dusty Courtyard color palette — #FAF4F0 · #C0E3EE · #80B8E4 · #5C937E · #5F4B5A

Sky and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Powder Blue (#C0E3EE): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#80B8E4): A luminous, balanced blue — the color of open sky before noon.
• Fern (#5C937E): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5F4B5A): A full-bodied, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Hushed Summit color palette (#FAF3F7, #D6D4E1, #B2C5F3, #689CA3, #3D4F66)
• Worn Loft color palette (#FEF3E9, #B4E2FF, #6797FF, #00837C, #413764)
• Tempered Pier color palette (#FDF3EF, #C2DDC3, #00A4D1, #3B7C4B, #213C5C)
• Timeworn Wisteria color palette (#FEF3E6, #E7BC84, #C89BEB, #AD844C, #65414D)
• Washed Quarry color palette (#FDF4E6, #BDE4D5, #CFC4D0, #B69381, #584C00)
• Soft Basin color palette (#F7E8DC, #56ADD8, #0057E3, #004B44, #150737)
• Weathered Pier color palette (#F4E9E4, #69C0D1, #007CB8, #005C40, #101B44)
• Antique Indigo color palette (#F6EDE3, #9BCAF5, #6977F1, #006B6F, #36224D)

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