Dusty Courtyard color palette — #F1F7F2 · #D4DEED · #799FB7 · #257E77 · #3D556B

Teal takes the lead with Blue Fog close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D4DEED): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#799FB7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#257E77): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#3D556B): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: 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 Azure Lantern color palette (#F6F0F4, #D4D2EA, #6AA3CE, #367A60, #2D3647)
• Hushed Denim Orchard color palette (#D9E5DB, #6EAAB3, #00617A, #003F38, #002235)
• Antique Grove color palette (#FAF3F0, #CDE7E3, #7FB9E1, #5D947B, #614A5C)
• Washed Abyss color palette (#E1EDE3, #52899E, #004161, #002223, #00091B)
• Ancient Pine color palette (#E6FAF9, #8EBD9F, #BD83AC, #198754, #534667)
• Weathered Orchard color palette (#E9F1EA, #95B5D4, #4267A8, #004D5F, #242856)
• Chestnut Villa color palette (#EFF8F1, #A1C1AF, #6B8971, #765635, #334E44)
• Softworn Cerulean Veranda color palette (#F0F7F1, #A6CCD8, #00879A, #00624D, #004156)

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