Pine Courtyard color palette — #FBF1DA · #95B373 · #008048 · #5E3B71 · #242200

Teal takes the lead with Royal Purple close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FBF1DA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#95B373): A luminous, balanced green — the color of fresh herbs.
• Teal (#008048): A full-bodied, balanced teal — the color of glacier melt.
• Royal Purple (#5E3B71): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#242200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Tempered Archive color palette (#F8F1E8, #BEB38E, #5A823E, #71484B, #2D2714)
• Dusty Forest Loft color palette (#EEE4CC, #7FA252, #006D3C, #66223E, #0E1A00)
• Faded Moss Balcony color palette (#FBF6DA, #86B451, #427934, #724230, #3B3B34)
• Lime Workshop color palette (#E4FCEE, #9DCC66, #2C9D62, #775C89, #30411D)
• Hushed Moss Cabin color palette (#E8FAF3, #BFE895, #60A652, #99573C, #233410)
• Wandering Pine color palette (#E6E6D3, #0E8E61, #004F4A, #4B0A35, #000B05)
• Misty Alley color palette (#FFEFE0, #F49B40, #9F5C00, #593200, #1C0E00)
• Tempered Cobalt color palette (#FAEFE8, #A2D9F1, #0087DF, #00625F, #172149)

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