Dusty Courtyard color palette — #DFE1D0 · #479EA7 · #005360 · #00302E · #00171F

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

The five colors

• Bone (#DFE1D0): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#479EA7): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005360): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#00302E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00171F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Dusty Balcony color palette (#ECF0E0, #6FA8BC, #006080, #003D44, #002235)
• Weathered Navy Atelier color palette (#E3E7D8, #5B8C7B, #004067, #00212B, #00091A)
• Worn Drift color palette (#E0F3EF, #37C5D3, #0093A9, #006D6A, #00171F)
• Linen Studio color palette (#D6F4E3, #5EB6E6, #2779CE, #00444B, #001F2D)
• Muted Aubergine color palette (#D4EEDD, #006B7C, #6F009C, #00333C, #1B002A)
• Dusty Cerulean color palette (#F5F6EE, #ADCFB7, #0086A0, #005F60, #004155)
• Feathered Nightshade color palette (#C5E6EE, #005665, #3A00B0, #003C14, #00090D)
• Hushed Petrol color palette (#F4F6F0, #CBE1E1, #6DA1BF, #2D7A89, #2E5348)

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