Tempered Pine color palette — #DCFFEB · #FF985F · #B99700 · #008D41 · #2D2E00

Kelly Green takes the lead with Apricot close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DCFFEB): A whisper-light, dusty teal — the color of shallow lagoons.
• Apricot (#FF985F): A luminous, balanced orange — the color of toasted spice.
• Mustard (#B99700): A luminous, balanced green — the color of fresh herbs.
• Kelly Green (#008D41): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#2D2E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Hushed Marigold color palette (#DBFFEE, #F69C1E, #9A9B00, #007866, #1C2C00)
• Feathered Amber Grove color palette (#FFF1F6, #FF8A9C, #DB8800, #677800, #3B2700)
• Powdered Mustard Parlor color palette (#FFF1CE, #F5B111, #AA9700, #6D8100, #161400)
• Pale Balcony color palette (#E0FFE0, #D6B200, #0BB12D, #007F89, #003020)
• Worn Lime color palette (#D8FFF4, #FFCD82, #93B500, #009491, #004513)
• Timeworn Moss Lantern color palette (#C4E9EA, #A99D00, #008F64, #006071, #001F1B)
• Feathered Moss Courtyard color palette (#EEE7C5, #8F9100, #416E00, #005422, #003828)
• Muted Aubergine color palette (#F7E7E0, #AD9B62, #447938, #5D3883, #63123F)

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