Softworn Courtyard color palette — #FDF1F7 · #EDD4D0 · #D1A386 · #906E86 · #344437

Camel and Slate set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Bone (#EDD4D0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Camel (#D1A386): A luminous, dusty gold — the color of old brass.
• Slate (#906E86): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#344437): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Amber Bloom color palette (#FFF0F8, #FECDDF, #CE8C67, #925A4F, #233726)
• Ancient Lantern color palette (#EBFAEF, #BFE4E3, #BEAD7A, #668366, #31443E)
• Tempered Periwinkle Dune color palette (#ECF9F2, #CBC787, #89AFF0, #93769B, #27352E)
• Ancient Bronze Coast color palette (#FEEFE3, #CFB799, #AD7445, #834429, #332B19)
• Antique Azure color palette (#ECF8F4, #ADC180, #698FCB, #80587B, #32252B)
• Ancient Driftwood Grove color palette (#EFF8F2, #C9DCCA, #948645, #324D3E, #151E19)
• Powdered Bronze Boulevard color palette (#E6FCEB, #C0B561, #937100, #633C00, #001710)
• Dusty Mint Bloom color palette (#D8FFF4, #9BE7F0, #6CCDA7, #228D7F, #00484F)

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