Tempered Forest color palette — #F9EBE4 · #B3CCB2 · #0096B1 · #007045 · #00324B

Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9EBE4): bright and airy, almost weightless.
• Pistachio (#B3CCB2): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#0096B1): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007045): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Aged Cobalt color palette (#F6ECE6, #95CEE3, #348DCE, #006D65, #192A5A)
• Cerulean Quarry color palette (#FDF1F9, #95FAF7, #00A3BE, #086E42, #002133)
• Sunlit Turquoise Garden color palette (#EFF0E0, #97E3E1, #00BAC5, #009381, #00353C)
• Dusty Cypress color palette (#E5F2EF, #72C1C0, #00767E, #005146, #00353C)
• Powdered Azure color palette (#FCF3EE, #AEE5F9, #4AA3E5, #00837A, #283D70)
• Timeworn Denim Orchard color palette (#F2E6E0, #5E9EAA, #006084, #003D31, #00091B)
• Misty Olive color palette (#F0F4D2, #AAE9DA, #6BBFE0, #7B7900, #003D2B)
• Feathered Workshop color palette (#ECDDD1, #7CAE9D, #1E5ECD, #00494E, #120241)

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