Powdered Courtyard color palette — #FDF4E2 · #D3D48B · #9DAF5A · #BE6F6E · #3E3D09

Sage and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FDF4E2): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#D3D48B): A whisper-light, balanced green — the color of new leaves after rain.
• Sage (#9DAF5A): A luminous, balanced green — the color of new leaves after rain.
• Caramel (#BE6F6E): A luminous, balanced orange — the color of sun-warmed clay.
• Deep Olive (#3E3D09): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Powdered 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

• Fern Delta color palette (#F5F6EE, #D0DAB5, #7DBC9E, #AC8866, #3C4900)
• Dusty Moss Dune color palette (#FAE9CC, #D4C15A, #9E9D00, #BB5D1C, #362E00)
• Sunlit Grove color palette (#E8FBEA, #DDDF8A, #5FA82B, #6C609C, #313100)
• Antique Lagoon color palette (#FFF2EC, #FFAD9D, #8ECD39, #FF533A, #294400)
• Ancient Olive color palette (#F5EED7, #80914C, #486F06, #653E00, #050700)
• Pale Pier color palette (#F5F7E5, #A0E0B2, #28C189, #3596B0, #1E442B)
• Hazy Magenta color palette (#FFE5DB, #FF8F8C, #D1A400, #D659FF, #531B1B)
• Misty Emerald color palette (#F1F1E1, #8AB487, #109750, #954E10, #022202)

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