Pine Courtyard color palette — #FDEEE8 · #EC988D · #C28521 · #2D8433 · #271F5D

A conversation between Olive Leaf and Mustard, giving this palette its sense of nature and growth.

The five colors

• Cream (#FDEEE8): bright and airy, almost weightless.
• Melon (#EC988D): A luminous, balanced orange — the color of toasted spice.
• Mustard (#C28521): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#2D8433): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#271F5D): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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 Pine color palette (#FFEBF7, #A8A8F7, #D47463, #00864C, #23215C)
• Ancient Moss Canyon color palette (#FFEDEC, #E991C1, #959A2F, #0078AD, #3F1748)
• Softworn Ultramarine color palette (#F6DBCF, #F0796F, #349B52, #424FCA, #40001E)
• Feathered Blush color palette (#FFF2EE, #EB838B, #A56600, #435100, #30082A)
• Aged Quarry color palette (#FFDCE7, #E3C3C2, #BE9F8D, #508D93, #573C59)
• Indigo Lantern color palette (#FFF2EE, #FF9396, #00B65F, #7259E1, #550941)
• Chalky Wisteria color palette (#ECDCE0, #B66AD5, #8E6D00, #005A6E, #050044)
• Muted Orchard color palette (#FBF4E9, #D2CAA6, #7FAF77, #847AB2, #37352F)

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