Tempered Forest color palette — #F8F0ED · #CEE3CD · #5D97AB · #396C3E · #39223C

A conversation between Pine and Storm Blue, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F0ED): bright and airy, almost weightless.
• Celadon Mist (#CEE3CD): A whisper-light, dusty green — the color of fresh herbs.
• Storm Blue (#5D97AB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#396C3E): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#39223C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Cobalt Studio color palette (#F9F0EB, #ADD2B7, #2C84B5, #005E3F, #30152D)
• Tempered Cobalt Terrace color palette (#FFEAFE, #688ECB, #987B2D, #606E2A, #291728)
• Cobalt Bloom color palette (#FBF0E4, #ABD5FA, #6D7CCB, #006264, #2E1649)
• Ancient Canyon color palette (#D7FBF2, #EEDCD1, #F3B7CF, #448C96, #422C3D)
• Aged Pine color palette (#F8F3F9, #CBE0F5, #6DAFC8, #418D4E, #2E4A68)
• Timeworn Lagoon Lagoon color palette (#FCE9E1, #319AA2, #00506D, #002E16, #000313)
• Navy Meadow color palette (#F6E8DC, #557E98, #1B347C, #001F1E, #020008)
• Antique Orchard color palette (#FFEEE5, #64CCE3, #0078B8, #00543D, #0B0951)

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