Aged Pine Studio color palette — #E9F6ED · #93AA6E · #277642 · #4C3E66 · #00221B

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

The five colors

• Cream (#E9F6ED): bright and airy, almost weightless.
• Sage (#93AA6E): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#277642): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#4C3E66): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#00221B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Aged Pine Studio 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

• Worn Moss Workshop color palette (#D6ECD7, #A09900, #3C6900, #432E72, #181700)
• Washed Pine Courtyard color palette (#E8FAF5, #7AA976, #277444, #2B515F, #1C3C38)
• Emerald Archive color palette (#D0E3DB, #679E61, #00654B, #4C294E, #001614)
• Dusty Lagoon Garden color palette (#EAF5F0, #8ABFBA, #00896F, #55506F, #152C2A)
• Dusty Emerald Drift color palette (#F6F7E5, #B4DDB1, #39A161, #4B6D55, #272A0E)
• Quiet Mulberry Ridge color palette (#EBE6F6, #BE71B3, #009268, #87237D, #002316)
• Cobalt Garden color palette (#F6EFF4, #97D3DF, #0086B8, #005D4D, #0B213A)
• Pine Atelier color palette (#DCF2ED, #007B4F, #00403A, #35072F, #000402)

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