Tempered Forest color palette — #F7ECE8 · #9EBAA0 · #007394 · #005425 · #052D5A

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

The five colors

• Cream (#F7ECE8): a clean, paper-quiet neutral.
• Sage (#9EBAA0): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007394): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005425): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#052D5A): A deep, shadowed, balanced 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

• Weathered Sapphire color palette (#F7ECE5, #95BBAA, #2C66BA, #005148, #2C2653)
• Antique Petrol Studio color palette (#E2ECE4, #82C0C1, #00788A, #004D3C, #001923)
• Aged Cerulean Thicket color palette (#F5EDE2, #93D1D2, #0097AC, #006E57, #003344)
• Dusty Cobalt Dune color palette (#FCF3EE, #ACDAC4, #4A80C7, #00685A, #3B386B)
• Antique Loft color palette (#EADDD7, #438C9B, #004064, #002317, #03002E)
• Softworn Chestnut color palette (#F5F9D2, #89D7C5, #67A1D1, #6A5900, #343730)
• Gentle Forest Grove color palette (#C2F0CC, #57AB73, #00672C, #00351D, #001A07)
• Nightshade Loft color palette (#F4ECE4, #6795B8, #2C3C9D, #003030, #1C003A)

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