Tempered Pine Orchard color palette — #FBF0E2 · #9DA671 · #1B783B · #61393F · #221C00

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBF0E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9DA671): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#1B783B): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#61393F): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#221C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Antique Olive color palette (#FDEFE7, #B59C73, #646B00, #4F3D64, #271904)
• Lagoon Grove color palette (#F7F1E4, #9FBE95, #22876F, #6D4B48, #282912)
• Tempered Cypress Chapel color palette (#F7F2E3, #89AB84, #007663, #235042, #1C1E02)
• Emerald Atelier color palette (#E8E1CF, #6F9B65, #006451, #4B2A50, #131300)
• Muted Mulberry color palette (#FEE1E3, #BF72B1, #109956, #831A76, #00230F)
• Muted Emerald color palette (#EDF8F3, #BEDAAB, #499E62, #486588, #0B2E28)
• Aged Cobalt Alley color palette (#FBEFE9, #B0D1B8, #0085BC, #005F3D, #101E40)
• Wandering Apricot Boulevard color palette (#FFECEF, #F0D2B8, #E59B53, #5B679B, #391E1A)

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