Tempered Pine color palette — #F6F1E9 · #B0B98A · #53834E · #6F4E00 · #2C2710

Built around Fern, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Sage (#B0B98A): A luminous, dusty green — the color of new leaves after rain.
• Fern (#53834E): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#6F4E00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2C2710): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Pine 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 Drift color palette (#F3F2E9, #C0C8A3, #559081, #6E6213, #30322B)
• Timeworn Chestnut color palette (#FAF5E7, #ABB67F, #677C4A, #6D5701, #4D4200)
• Worn Olive Workshop color palette (#FDEFE2, #BAA760, #617500, #005A42, #2B1E00)
• Pine Drift color palette (#EEEEE0, #6CB67F, #008767, #005655, #163824)
• Quiet Grove color palette (#EDF5E7, #61B79D, #D76275, #00765E, #3D1D15)
• Wandering Moss Workshop color palette (#ECE5CC, #71A560, #006C4C, #414100, #051C00)
• Moonless Olive Cabin color palette (#E9E1CE, #557415, #00421F, #241E00, #020300)
• Wandering Fern color palette (#F8EDDF, #949056, #3A6200, #004339, #181100)

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