Tempered Forest color palette — #F3ECF4 · #8EB9C5 · #00748F · #005414 · #022F55

Deep Olive takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F3ECF4): bright and airy, almost weightless.
• Ash (#8EB9C5): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005414): A deep, shadowed, balanced green — the color of new leaves after rain.
• Navy (#022F55): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Forest Thicket color palette (#FAF2FA, #A2CDDD, #3081A8, #00643A, #243A61)
• Tempered Sapphire Villa color palette (#F4ECF0, #98B5CC, #3C63B8, #00504B, #302453)
• Washed Petrol color palette (#F0E8DB, #9EBD9C, #007985, #004D38, #001922)
• Onyx Pier color palette (#F1E5EE, #71A9B6, #005C90, #00402E, #101354)
• Hushed Taupe Pier color palette (#E4EFFF, #CCC1F0, #CA8599, #006E7C, #2C2E51)
• Linen Sapphire color palette (#DAE6FA, #3B63C8, #7B5700, #494B02, #0F1D3F)
• Muted Nightshade Dune color palette (#F8E6EE, #5B97BA, #123CA9, #00302D, #19003D)
• Pine Studio color palette (#F8F3F8, #D4DFED, #69A2BC, #3B7F52, #42546B)

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