Dusty Courtyard color palette — #FFF4E2 · #9E7600 · #005BA0 · #633000 · #342B00

Peacock and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#9E7600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Peacock (#005BA0): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#633000): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#342B00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Misty Ultramarine color palette (#FFF4E0, #967B00, #3147C5, #7B001F, #5A111B)
• Gentle Harbor color palette (#F9F6DF, #779012, #5B23C0, #5E3400, #342900)
• Misty Bronze color palette (#FFF3E9, #C05E00, #006574, #77003C, #580600)
• Ultramarine Loft color palette (#DAF9F9, #009B67, #1557B1, #6A003C, #1F1700)
• Cerulean Meadow color palette (#F9E3BC, #91BB9A, #2E889D, #774F2A, #504003)
• Washed Archive color palette (#F3F8E7, #519B66, #913D88, #5C4300, #313603)
• Chalky Lagoon color palette (#EFFADD, #00B87B, #007CCA, #832B79, #4B2500)
• Muted Ridge color palette (#FBF5E1, #7FB284, #007A6C, #555413, #214426)

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