Dusty Courtyard color palette — #FBF0E3 · #906200 · #005F2E · #0D2871 · #150300

Navy and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBF0E3): A whisper-light, dusty gold — the color of old brass.
• Ochre (#906200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Pine (#005F2E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#0D2871): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#150300): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Hazy Olive color palette (#F6F2E4, #8A8105, #0A6F4E, #113E6F, #220904)
• Misty Summit color palette (#FBE9E1, #B65F54, #006732, #252576, #2B0017)
• Ancient Drift color palette (#FEEFE0, #986200, #5A5400, #003F48, #180004)
• Sunlit Amber Pier color palette (#F7E6D0, #C67136, #5E6000, #2C316B, #241400)
• Tempered Olive color palette (#F2F4E2, #4B7F35, #005A56, #472466, #0F0600)
• Ancient Onyx color palette (#D7E8CE, #007362, #00435F, #500037, #050400)
• Navy Cabin color palette (#FFF1F1, #894370, #00576A, #002880, #31121F)
• Charred Bloom color palette (#EFE0C6, #5A4100, #00402D, #001D2C, #040001)

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