Pine Courtyard color palette — #FFE7E2 · #9D8B60 · #347343 · #553150 · #331230

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

The five colors

• Rose Water (#FFE7E2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Caramel (#9D8B60): A luminous, dusty gold — the color of afternoon light on wheat.
• Pine (#347343): A full-bodied, balanced green — the color of fresh herbs.
• Mulberry (#553150): A deep, shadowed, dusty pink — the color of peonies in June.
• Deep Indigo (#331230): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Weathered Fern Delta color palette (#E8DAED, #A9815E, #556923, #383C5E, #181B33)
• Weathered Petrol Villa color palette (#FCEED9, #77956D, #007884, #4E314B, #370D0D)
• Muted Lagoon color palette (#F5DBE8, #B1AD7C, #408569, #663C58, #2B2335)
• Hushed Cypress Garden color palette (#DFF4EB, #689B76, #00635C, #532744, #001615)
• Lagoon Lantern color palette (#FFEFC0, #C1C996, #689B7D, #694965, #301E44)
• Ancient Fern color palette (#FADFC3, #506F3C, #005050, #481113, #190001)
• Soft Bronze Villa color palette (#F6EACE, #948600, #365F00, #003B19, #001D17)
• Tempered Ash Ridge color palette (#E2F9E6, #B8D5D2, #7BA2B3, #765767, #4E3B45)

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