Tempered Forest color palette — #F2F5FF · #9991BC · #995C65 · #24622E · #3D3E63

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Blue Fog (#9991BC): A luminous, dusty violet — the color of twilight just after sunset.
• Pewter (#995C65): A full-bodied, balanced red — the color of late-summer berries.
• Pine (#24622E): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#3D3E63): A deep, shadowed, dusty violet — the color of wild irises.

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

• Bronze Coast color palette (#F1F5FF, #9292C4, #946437, #006064, #28455E)
• Fern Ridge color palette (#ECF7FE, #66A2B6, #995A71, #3F5E25, #0F4E3D)
• Worn Bloom color palette (#F0F5FF, #C1BDD0, #A38EA6, #567378, #3F555B)
• Tempered Chestnut color palette (#F8F2FF, #AF7296, #7F5D00, #005163, #522741)
• Amber Workshop color palette (#F7F3FF, #D59CC7, #C47268, #82632E, #3B405C)
• Antique Coast color palette (#F9EFEF, #C287A8, #9F5D52, #644511, #2D2802)
• Driftwood Hollow color palette (#F2F0FB, #9869A0, #433848, #292634, #17141A)
• Mulberry Basin color palette (#EBEBFF, #D8AACE, #AF6787, #8F4454, #61435A)

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