Dusty Courtyard color palette — #F1F7F2 · #D2DDDB · #A8C8C6 · #268388 · #444A44

Teal takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D2DDDB): a clean, paper-quiet neutral.
• Stone (#A8C8C6): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#268388): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#444A44): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Tempered Station color palette (#EEF4ED, #CADEDD, #CFBDC4, #3A8280, #272E26)
• Wandering Abyss color palette (#DCE8E0, #9EAEA5, #64887A, #003F48, #04190C)
• Muted Workshop color palette (#ECF9F1, #BCDBCE, #81ACD0, #00647D, #20392D)
• Timeworn Petrol color palette (#F8F3F9, #E9D4D8, #D4AFC8, #366BAF, #463C46)
• Fern Meadow color palette (#F7F6E8, #9EB98E, #508150, #4D6321, #464500)
• Powdered Sky Hollow color palette (#E9FAF0, #79E9EF, #0CC5F1, #5398CE, #254839)
• Hushed Archive color palette (#DDFEF0, #99C7BB, #9D7D96, #74595B, #703A0A)
• Wandering Balcony color palette (#F3F8E4, #3CA7BF, #0971A3, #5B406F, #2A4437)

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