Pine Courtyard color palette — #E2E5D4 · #157410 · #004E5C · #00275E · #030009

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

The five colors

• Parchment (#E2E5D4): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#157410): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#004E5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00275E): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#030009): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Charred Forest color palette (#E9EECB, #00631F, #004043, #00181F, #040000)
• Worn Aubergine Workshop color palette (#D9EBD1, #006C5E, #00377E, #330068, #060003)
• Aubergine Archive color palette (#F4E4E8, #7F00A0, #004D4E, #002F46, #020010)
• Sunlit Orchard color palette (#EFEECB, #6F7A00, #215900, #003239, #080E00)
• Nightshade Hollow color palette (#F4DDD2, #005F63, #2C00B3, #3C004C, #060001)
• Charred Navy Summit color palette (#F4E7D6, #493200, #0A006B, #030038, #060003)
• Weathered Nightshade Lantern color palette (#E9F5DB, #00916C, #006EA8, #471CBE, #260126)
• Pale Aubergine Delta color palette (#D3E4D6, #9A7500, #006D8E, #5B279C, #070000)

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