Dusty Courtyard color palette — #CCECF1 · #008978 · #49423E · #002B2F · #000506

Fern and Deep Forest set the tone — five colors that lean into sophistication.

The five colors

• Frost (#CCECF1): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#008978): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#49423E): quiet, heavy and certain.
• Deep Forest (#002B2F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000506): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Washed Studio color palette (#D0F5FA, #00A289, #005D75, #00373C, #000605)
• Forest Lagoon color palette (#DDE8D7, #006454, #494D55, #001E28, #020700)
• Midnight Pine color palette (#D2ECE9, #008F37, #002C22, #1B191F, #000505)
• Muted Turquoise Lantern color palette (#E9F8FF, #2BB0C7, #2F495D, #0C212A, #000709)
• Lagoon Studio color palette (#E6FAF6, #95C9A5, #0A8A6F, #3C5B27, #001F0C)
• Antique Cobalt Basin color palette (#DFF1FF, #0088BD, #08285C, #282228, #000911)
• Dusty Teal Orchard color palette (#9BF6E6, #00C3C2, #008A96, #004B5E, #002538)
• Weathered Peony color palette (#E7F9FF, #00A1C7, #C3519E, #786C00, #000F15)

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