Tempered Forest color palette — #FADFF8 · #CA8CA0 · #AD7967 · #3B6E43 · #002B27

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

The five colors

• Blush (#FADFF8): A whisper-light, dusty pink — the color of a candy shop window.
• Dusty Rose (#CA8CA0): A luminous, dusty rose — the color of a warm blush.
• Caramel (#AD7967): A luminous, dusty orange — the color of autumn markets.
• Pine (#3B6E43): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#002B27): A deep, shadowed, dusty teal — the color of sea glass.

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

• Tempered Chestnut color palette (#F2E2EB, #C296A1, #A0728B, #716300, #163300)
• Bronze Coast color palette (#F5DBDA, #BC9A7F, #9F7C30, #007172, #00293C)
• Bronze Grove color palette (#DBE4FF, #C28BB3, #B05C30, #09505A, #001922)
• Onyx Field color palette (#D8E9FF, #9591C0, #8C5767, #005364, #002550)
• Amber Courtyard color palette (#F9E4E8, #E9B0A0, #CD8C33, #00928A, #004252)
• Plum Grove color palette (#F1D8EF, #B05B71, #794334, #003817, #001714)
• Muted Crimson color palette (#FEE5DC, #EA7277, #00A3A1, #D20039, #00201F)
• Petrol Grove color palette (#E9DDD4, #D0B185, #A69B74, #1D789D, #1D3A69)

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