Tempered Forest color palette — #FFE8D7 · #8A854B · #1D6643 · #3F3157 · #2E1C3A

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

The five colors

• Cream (#FFE8D7): A whisper-light, dusty gold — the color of old brass.
• Moss (#8A854B): A luminous, dusty green — the color of fresh herbs.
• Pine (#1D6643): A full-bodied, balanced teal — the color of sea glass.
• Navy (#3F3157): A deep, shadowed, dusty violet — the color of wild irises.
• Deep Indigo (#2E1C3A): A deep, shadowed, dusty violet — the color of wild irises.

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

• Olive Pier color palette (#EFE5CE, #6D832D, #005447, #3E173D, #2F0014)
• Softworn Corridor color palette (#FFDDE1, #BD7240, #646018, #273A5D, #242041)
• Dusty Summit color palette (#F7DBDA, #AF8963, #5B7552, #693A60, #3A1534)
• Hushed Olive color palette (#D4F0E4, #438D3E, #00513D, #501823, #042203)
• Clover Studio color palette (#F4F0D5, #6FB952, #007E7C, #653E5A, #4E2B45)
• Soft Olive Thicket color palette (#F1E7D5, #888300, #465500, #053A05, #002A1B)
• Denim Veranda color palette (#E8DDCC, #AAAB6C, #58965F, #4160A6, #281A4B)
• Dusty Aubergine Grove color palette (#DBEEE9, #618B1E, #6D009F, #2A4200, #2A0040)

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