Tempered Pine Alley color palette — #CBEEEC · #008D54 · #473E3C · #002B2B · #000505

Fern and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CBEEEC): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#008D54): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#473E3C): quiet, heavy and certain.
• Deep Forest (#002B2B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000505): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Pine Alley 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

• Olive Orchard color palette (#CCEEE8, #2F8D00, #5F6158, #002C23, #000504)
• Lagoon Lantern color palette (#E0FBFD, #00A27B, #003D42, #001315, #000201)
• Cypress Ridge color palette (#C6E9EE, #007061, #312D33, #00161B, #000102)
• Worn Forest color palette (#DFE6CF, #00663B, #4A5057, #001F22, #040600)
• Emerald Grove color palette (#DDE7CD, #00A56C, #485A39, #283600, #040501)
• Tempered Pine color palette (#E7FBF0, #A2C983, #008D57, #58521B, #001E19)
• Hushed Cerulean Basin color palette (#D9F3FF, #008EA2, #002D50, #26232A, #00090C)
• Mint Field color palette (#C6FBCB, #00C8A0, #009385, #005C66, #002632)

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