Tempered Forest color palette — #FFEEE7 · #AE6369 · #126F48 · #004361 · #200A10
Built around Pine, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
- Mocha (#AE6369): A full-bodied, balanced red — the color of late-summer berries.
- Pine (#126F48): A full-bodied, balanced teal — the color of sea glass.
- Navy (#004361): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#200A10): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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 Pine Atelier color palette (#FCEFE6, #BD7B58, #357532, #004667, #320D2E)
- Tempered Fern Orchard color palette (#FFEDEE, #A36697, #596204, #004744, #1D0B1A)
- Feathered Grove color palette (#FDEFE5, #B8713E, #006E6F, #23358C, #240C0C)
- Timeworn Lagoon color palette (#FCF0DE, #CD886F, #8B6302, #00505B, #351C03)
- Antique Harbor color palette (#FBE0D0, #A03000, #005347, #00255A, #14000D)
- Timeworn Pine Lagoon color palette (#FDF1FC, #D8756F, #008E58, #006190, #282639)
- Pale Aubergine color palette (#F8F1E3, #846C00, #005078, #540073, #1C0100)
- Bronze Lantern color palette (#F3E7DD, #A4631F, #34302A, #201205, #0A0503)
Browse the whole catalog at Explore, or see today's palette.