Pine Courtyard color palette — #FFF0EB · #DDB87B · #8DA241 · #007E45 · #004B46
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF0EB): bright and airy, almost weightless.
- Sand (#DDB87B): A luminous, balanced gold — the color of afternoon light on wheat.
- Moss (#8DA241): A luminous, balanced green — the color of fresh herbs.
- Pine (#007E45): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004B46): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance. Tagged cool.
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
- Ancient Jade Workshop color palette (#FFF1DA, #C2C172, #60A962, #007773, #00465C)
- Soft Archive color palette (#FFF3E9, #F1E09A, #9AA967, #2C743C, #004135)
- Ancient Amber color palette (#FFEEEE, #F3AE86, #B98A23, #5D7215, #004B28)
- Timeworn Courtyard color palette (#FFF2EA, #D9A666, #449C55, #705688, #403D36)
- Hazy Emerald color palette (#F5F2B6, #CDD892, #9DBA6C, #65974B, #004913)
- Pale Jade Study color palette (#DEE2C1, #63B86C, #008A7D, #005367, #002353)
- Softworn Emerald color palette (#ECDBCB, #BBA900, #359200, #00624D, #002B34)
- Bronze Canyon color palette (#F3D9C7, #A08100, #466400, #003425, #000C0E)
Browse the whole catalog at Explore, or see today's palette.