Aged Pine color palette — #FAF2FA · #BA6D75 · #3B7B44 · #1E5480 · #3E343F

Olive takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Mocha (#BA6D75): A luminous, balanced red — the color of late-summer berries.
• Olive (#3B7B44): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#1E5480): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3E343F): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Muted Chestnut Coast color palette (#FAF2F9, #B87672, #776309, #005B66, #393546)
• Pine Garden color palette (#EFF8EF, #AF8544, #1B7D59, #424774, #3D2F39)
• Ember Garden color palette (#FFEEE8, #C4696A, #7F722B, #56476F, #231615)
• Ancient Quarry color palette (#ECF9EF, #D39590, #947127, #425B7C, #55414C)
• Weathered Driftwood Parlor color palette (#F9F3F8, #E1D8D7, #A8B7C5, #A4746C, #575056)
• Chalky Rust Courtyard color palette (#FFF0FB, #BE3219, #006651, #2C2495, #351A2F)
• Aged Bronze Corridor color palette (#FFECF3, #A96D37, #2C4235, #31252A, #1A1314)
• Timeworn Amber color palette (#FCF1FF, #E6A99A, #B37943, #6E590D, #434A08)

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