Tempered Forest color palette — #E1ECEA · #C2CECF · #8AAAB4 · #086814 · #031A18

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

The five colors

• Cream (#E1ECEA): a clean, paper-quiet neutral.
• Oat (#C2CECF): a calm mid-gray that lets other colors speak.
• Blue Fog (#8AAAB4): A luminous, dusty blue — the color of deep harbor water.
• Pine (#086814): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#031A18): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Cypress Thicket color palette (#E3EBED, #C0CED6, #96A6B7, #006260, #06191D)
• Forest Archive color palette (#DFF3EC, #729979, #006453, #333E00, #001805)
• Softworn Pine color palette (#EEEFE8, #D2DBCC, #A8BEAB, #358635, #2D2F20)
• Timeworn Garnet color palette (#E1E5D8, #6EA58E, #257688, #69282C, #2A1600)
• Worn Canyon color palette (#E3EDEF, #90A3AD, #627F9B, #003F3B, #000507)
• Sunlit Bloom color palette (#CFF9FC, #BEC430, #00B37A, #007391, #00120F)
• Hazy Station color palette (#FFE7F6, #488B3E, #00575B, #560027, #00130A)
• Antique Fern Orchard color palette (#E0ECE8, #BFCFCE, #8BAAB0, #455F00, #051A15)

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