Aged Pine color palette — #F8F1E5 · #9FA570 · #44723A · #5B3B4A · #221C00

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

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Sage (#9FA570): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#44723A): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#5B3B4A): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#221C00): 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 Aged Pine 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

• Antique Lagoon Parlor color palette (#F5F2E6, #B4B78D, #4B8269, #6E4853, #28290F)
• Wandering Cocoa color palette (#F9F5E9, #9A9F71, #5A6A34, #723733, #37352F)
• Dusty Forest color palette (#F1EAD4, #719B61, #006546, #592632, #051700)
• Muted Delta color palette (#E7FBF0, #CDD6A1, #7B944F, #765871, #062F24)
• Olive Garden color palette (#E8E0CF, #678436, #005228, #341B4C, #050A00)
• Cerulean Hollow color palette (#F9F0EC, #ADD2B9, #4484A6, #005D4E, #2E152F)
• Faded Chestnut color palette (#FFE9DC, #DD926B, #9B4B00, #511F00, #160500)
• Tempered Pewter color palette (#FFEEE6, #EFD2AB, #B2C294, #9B5463, #392009)

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