Pine Courtyard color palette — #C9E8C6 · #B98900 · #1D7F11 · #4F387B · #282500

Built around Olive, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#C9E8C6): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#B98900): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#1D7F11): A full-bodied, vivid green — the color of a quiet forest floor.
• Royal Purple (#4F387B): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#282500): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Aged Chapel color palette (#FFCFE0, #A19500, #007D54, #593570, #1C2900)
• Gentle Amber color palette (#F2DBAD, #E26C00, #6F6D00, #2C4383, #341F00)
• Misty Aubergine Studio color palette (#F9DCC4, #8A8400, #006949, #560E69, #0F1A00)
• Pale Nightshade color palette (#FFF4E2, #B9A044, #457B10, #042AA4, #141300)
• Aubergine Harbor color palette (#F3D4E5, #AA6400, #236713, #3D0060, #2D2300)
• Pale Aubergine color palette (#CBEAD6, #9E8500, #006B9A, #472F80, #40001E)
• Grape Lantern color palette (#F5D7C5, #E6944F, #64A43B, #8131A7, #2F2200)
• Dusty Harbor color palette (#D5E4D3, #96B067, #49977E, #734766, #413352)

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