Tempered Pine color palette — #F8F1E0 · #92B662 · #008046 · #574C0A · #242100
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F1E0): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#92B662): A luminous, balanced green — the color of fresh herbs.
- Olive (#008046): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#574C0A): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#242100): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, 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
- Jade Market color palette (#F4F4DD, #5EBE8F, #007C73, #3D5428, #002817)
- Misty Lantern color palette (#FEEFDE, #B7A94D, #567800, #005A48, #2A1F00)
- Worn Moss Lantern color palette (#FBF6DA, #87B351, #3B7B29, #52514A, #3B3B34)
- Tempered Forest Garden color palette (#EDE9DA, #719B65, #006548, #3B3C00, #131300)
- Soft Moss color palette (#E6FBF3, #C1E799, #58A844, #667139, #02372E)
- Wandering Lagoon color palette (#F5F1EA, #C7C5A3, #648E72, #506953, #32312A)
- Wandering Scarlet color palette (#E9F7E3, #00B09C, #EF2205, #006A5D, #440300)
- Antique Pine color palette (#E5E5D6, #208D61, #004F49, #1A3100, #050900)
Browse the whole catalog at Explore, or see today's palette.