Tempered Pine color palette — #DBFFEC · #CEDA93 · #8EB560 · #277F2E · #225135

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

The five colors

• Honeydew (#DBFFEC): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#CEDA93): A whisper-light, balanced green — the color of fresh herbs.
• Sage (#8EB560): A luminous, balanced green — the color of fresh herbs.
• Olive (#277F2E): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#225135): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Mustard Cabin color palette (#E1FFDF, #F0D092, #B5A030, #6C7300, #364717)
• Ancient Coast color palette (#D7FFF7, #A4E5B4, #45B98D, #00836F, #00514C)
• Softworn Lime color palette (#EEEBB1, #A3BB54, #5E852E, #366432, #454841)
• Hushed Lime color palette (#CEF3D2, #CDD07C, #87C24D, #4DA069, #124E55)
• Timeworn Forest color palette (#D5FFFB, #9FE4F3, #68BA7D, #006F34, #002712)
• Linen Lime color palette (#E0FFB5, #65D045, #00A153, #005B43, #00312A)
• Olive Workshop color palette (#DBE3C2, #5C8C00, #0A5C0E, #00331B, #000704)
• Misty Canyon color palette (#E5FBF6, #B7E3A8, #D5A3F7, #5A9E40, #452C54)

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