Sunlit Courtyard color palette — #FFD5BF · #CA8F44 · #736500 · #304E00 · #003E25

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#FFD5BF): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#CA8F44): A luminous, balanced gold — the color of old brass.
• Olive (#736500): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#304E00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Forest (#003E25): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Sunlit 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 Canyon color palette (#F5E6C9, #BA9706, #776B00, #3B3D00, #111900)
• Dusty Chestnut Loft color palette (#FFD8D9, #D68868, #8E5500, #4C4200, #2B3500)
• Chalky Olive color palette (#FEDCA1, #B3A43B, #3E7400, #004F30, #003A34)
• Misty Olive Dune color palette (#FFD8B6, #DFBB6D, #AFA446, #6A8200, #0E3D00)
• Faded Archive color palette (#FFDB95, #D6B11C, #968A04, #5A5C00, #2B3B00)
• Worn Amber Garden color palette (#E0F6DF, #BA7321, #506400, #403277, #183822)
• Emerald Balcony color palette (#E9FAEE, #FFA17F, #C6A400, #1E9347, #0D3D2F)
• Dusty Chestnut Delta color palette (#FAF3F5, #CEDFDD, #98BCB1, #8C550C, #43373B)

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