Dusty Courtyard color palette — #D1E7E7 · #1990A9 · #1D6384 · #3F3358 · #3C182C

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#D1E7E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#1990A9): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#1D6384): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#3F3358): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#3C182C): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Cobalt Drift color palette (#CBE7F8, #4684BE, #3F508E, #4E2347, #35172A)
• Washed Cerulean Field color palette (#C9EBEF, #008C9E, #005B6E, #003446, #0F1932)
• Quiet Mulberry color palette (#D9EFFF, #0077A1, #930092, #003F57, #310031)
• Aged Garnet Garden color palette (#DAEBE6, #59A3B3, #43769C, #78364A, #4F1505)
• Washed Ultramarine Quarry color palette (#E2EDFB, #4A56AB, #443373, #360D21, #1C0600)
• Tempered Balcony color palette (#E3ECFF, #9182CC, #7B5C8B, #573D57, #47272D)
• Hushed Powder color palette (#EAF7FF, #86B6D7, #6C82A0, #645F7D, #5B4456)
• Lagoon Lantern color palette (#CCE9E8, #008F6C, #005144, #00391F, #002022)

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