Gentle Courtyard color palette — #FDF5DE · #766A00 · #00518D · #5C2169 · #3D1B09

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

The five colors

• Cream (#FDF5DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#766A00): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#00518D): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#5C2169): A deep, shadowed, balanced pink — the color of peonies in June.
• Espresso (#3D1B09): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

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

• Powdered Navy color palette (#F7F7E0, #537200, #184298, #57103E, #2E1B04)
• Pale Courtyard color palette (#FFF3E6, #9B6900, #006273, #362B7E, #3D141A)
• Antique Moss color palette (#F7F8D7, #539100, #006479, #52217C, #5D0B05)
• Pale Studio color palette (#F3F7E8, #2B8A43, #624E9C, #6B2B41, #352813)
• Ancient Pier color palette (#FFF4E2, #739C00, #007252, #4D3083, #35362F)
• Worn Olive Pier color palette (#F2F5D7, #458700, #006675, #41167F, #160700)
• Aubergine Thicket color palette (#ECFBDA, #00674A, #5F0085, #570104, #1A1800)
• Soft Parlor color palette (#E4FCF0, #939200, #007C97, #842183, #002A19)

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