Tempered Pine Market color palette — #F8F1E3 · #A8BC88 · #4C835B · #6D4B48 · #2A2815

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F1E3): bright and airy, almost weightless.
• Sage (#A8BC88): A luminous, dusty green — the color of fresh herbs.
• Fern (#4C835B): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#6D4B48): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#2A2815): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Tempered Pine Market 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

• Washed Pine color palette (#FAF1DC, #8CAD63, #257648, #49463F, #1F1D05)
• Chestnut Parlor color palette (#F3F2E9, #9FD1B3, #548F87, #8D4E31, #2A3700)
• Muted Veranda color palette (#ECF9F0, #8BBBB0, #408268, #5A5475, #274A43)
• Pale Lime Thicket color palette (#F6F5C8, #AFCC6F, #63843C, #374901, #0C1900)
• Marigold Market color palette (#F8E4D0, #D1A429, #807E00, #3F5114, #30312B)
• Hushed Driftwood Archive color palette (#E9FAF0, #BDCB9D, #769B6E, #86667E, #2B4940)
• Washed Moss Ridge color palette (#F7F2DE, #A3AD37, #8E80CE, #656B00, #282144)
• Hushed Lichen Ridge color palette (#F7F3DA, #C5FBCA, #8ED6D3, #95764E, #303029)

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