Tempered Pine color palette — #CDE7CA · #008756 · #005449 · #002527 · #000608

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

The five colors

• Celadon Mist (#CDE7CA): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#008756): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#005449): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#002527): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000608): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

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

• Olive Archive color palette (#E9ECCB, #5A8200, #00561A, #00281A, #000302)
• Aged Petrol color palette (#CDF6F2, #007C88, #005269, #00213C, #000217)
• Aged Pine Ridge color palette (#FAEFD8, #007740, #004747, #37003C, #000503)
• Soft Moss color palette (#DCECCA, #6DA400, #009569, #006873, #000605)
• Washed Forest Veranda color palette (#E0E3D7, #A0A897, #7C8B79, #00551A, #090B00)
• Smoked Lagoon color palette (#E7F1D7, #006945, #003379, #37001C, #030200)
• Timeworn Denim color palette (#D2ECDC, #4E8884, #0B5A72, #481E38, #280005)
• Teal Harbor color palette (#CFF3E2, #00C0AA, #00868A, #005165, #002B43)

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