Tempered Forest color palette — #F2DBD7 · #988754 · #19704A · #4F3559 · #30123B

Pine and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F2DBD7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Caramel (#988754): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#19704A): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#4F3559): A deep, shadowed, dusty pink — the color of a candy shop window.
• Deep Indigo (#30123B): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Airy Orchard color palette (#FCDEEB, #BA7750, #5D6131, #46336C, #1F0A3C)
• Hushed Moss Summit color palette (#FBE6D2, #78934A, #006E68, #612441, #410024)
• Softworn Ridge color palette (#EDE4D4, #808142, #2D5B38, #1A2B5B, #260D4A)
• Powdered Denim Parlor color palette (#EBDDC3, #949655, #518658, #314C8E, #20093D)
• Wandering Field color palette (#F4EDD5, #499756, #006056, #502647, #001503)
• Faded Mustard Dune color palette (#FBE5D7, #ACAE50, #419982, #77507B, #5B2561)
• Ancient Bronze Thicket color palette (#F8E8CD, #977E00, #4B6100, #00431F, #001B14)
• Washed Cocoa Orchard color palette (#E3E5CE, #60AA94, #4B7993, #723A2C, #48190C)

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