Dusty Courtyard color palette — #ECF8F5 · #A1CAC6 · #558F77 · #486C77 · #3A5250
A conversation between Fern and Graphite, giving this palette its sense of calm and sophistication.
The five colors
- Ivory (#ECF8F5): bright and airy, almost weightless.
- Stone (#A1CAC6): A luminous, dusty teal — the color of sea glass.
- Fern (#558F77): A luminous, dusty teal — the color of shallow lagoons.
- Graphite (#486C77): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#3A5250): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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
- Patina Cypress Thicket color palette (#F1F7F2, #D4DFF1, #6BA2BC, #287D79, #425566)
- Ancient Fern Villa color palette (#FAF5E8, #D2D5AC, #71A996, #6C837A, #505100)
- Timeworn Ash color palette (#F1F5FF, #DED8E1, #C8B7A0, #7F92B0, #4D5060)
- Dusty Jade Atelier color palette (#D1F4EF, #32A980, #00695F, #40377A, #003726)
- Softworn Moss Parlor color palette (#F1F5FF, #A3AAEA, #A89B3B, #666BAC, #375545)
- Timeworn Amber color palette (#F1F5FF, #928ED6, #C2714A, #38876A, #3C4255)
- Dusty Pine Study color palette (#D3F4ED, #327C51, #004234, #171A4D, #001507)
- Tempered Pine Field color palette (#EDF8F2, #92A368, #347424, #274F6C, #1E3C33)
Browse the whole catalog at Explore, or see today's palette.