Pine Courtyard color palette — #F7F1E5 · #98A86F · #207833 · #005250 · #211C00

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

The five colors

• Cream (#F7F1E5): a clean, paper-quiet neutral.
• Sage (#98A86F): A luminous, balanced green — the color of new leaves after rain.
• Olive (#207833): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#005250): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#211C00): 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 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

• Muted Garden color palette (#F4F2E6, #83AC89, #007662, #414C1D, #1A1F03)
• Tempered Lantern color palette (#F9F0E7, #ACA06D, #596E12, #593A53, #251A03)
• Weathered Moss color palette (#EBE7D9, #709C5A, #006544, #462A59, #131300)
• Soft Amber Courtyard color palette (#F8E0C9, #B29100, #566300, #20377E, #1C1500)
• Tempered Emerald Balcony color palette (#E9F9F4, #B9DDA5, #519E54, #406F58, #042F29)
• Antique Coast color palette (#F7EFDA, #60853F, #005131, #003035, #030A00)
• Dusty Cerulean Hollow color palette (#F9F0EB, #B0D2B0, #008AA4, #005F3A, #002337)
• Softworn Bloom color palette (#D8EFE8, #4C98D2, #7D8300, #005A8D, #1D1E00)

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