Tempered Pine Courtyard color palette — #EFEDD6 · #397840 · #00412C · #002424 · #000400

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

The five colors

• Cream (#EFEDD6): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#397840): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#00412C): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#002424): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered 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

• Lowlit Boulevard color palette (#F3EBDE, #5B5B23, #203000, #001721, #010100)
• Antique Navy Harbor color palette (#F1F1E0, #48885D, #00503E, #1B215C, #000B03)
• Timeworn Moss Ridge color palette (#EAE0CC, #7A995D, #005C41, #003040, #010200)
• Muted Jade Drift color palette (#E6E7CC, #4BAA76, #006B58, #00474F, #001C0D)
• Patina Cerulean color palette (#F2E9DB, #4397A8, #00516B, #002C29, #00050C)
• Misty Ridge color palette (#F9F1DF, #A0B06E, #487A36, #00517A, #1D2400)
• Muted Market color palette (#F3DFEC, #484CB0, #524A00, #20007D, #030300)
• Twilit Nightshade color palette (#EEEEFF, #442DA4, #692600, #003826, #010009)

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