Pine Courtyard color palette — #EFF7DC · #009252 · #00595D · #002743 · #02000B

Fern and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EFF7DC): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#009252): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00595D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002743): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#02000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Timeworn Basin color palette (#F7F3DC, #728400, #005B48, #002936, #030100)
• Feathered Navy color palette (#E6F9E4, #008D86, #005476, #1F006E, #040005)
• Onyx Parlor color palette (#DAE9CD, #007960, #004353, #04004F, #010100)
• Hazy Field color palette (#D2EED3, #00B060, #007D50, #004532, #000F0B)
• Velvet Fern Boulevard color palette (#EBECD7, #387000, #262F33, #001805, #010100)
• Cobalt Lantern color palette (#F4F7EA, #9FD5EB, #0085B4, #00505B, #000E1B)
• Powdered Coast color palette (#C2F2D5, #80BAAA, #008787, #26467B, #151544)
• Nightshade Quarry color palette (#EAFCDF, #00B395, #007793, #1E1DAC, #101500)

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