Tempered Pine color palette — #EAF5EE · #B5A03B · #007846 · #645400 · #000808
Built around Pine, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Cream (#EAF5EE): bright and airy, almost weightless.
- Mustard (#B5A03B): A luminous, balanced green — the color of fresh herbs.
- Pine (#007846): A full-bodied, balanced teal — the color of glacier melt.
- Coffee (#645400): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#000808): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged duotone, 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
- Worn Lagoon color palette (#E6F6F2, #8BAD64, #007379, #406100, #00080C)
- Cocoa Study color palette (#F8EFF3, #DA895B, #606C00, #883B00, #000905)
- Weathered Amber color palette (#FEF3E7, #CC8A00, #006A78, #6C4700, #0A1D11)
- Powdered Field color palette (#EFF0D6, #83A45A, #007D26, #004A36, #001C1A)
- Patina Market color palette (#D8F1DD, #79963B, #006C4D, #3F286C, #001D1A)
- Dusty Basin color palette (#F9F5EA, #D1B300, #009770, #847100, #141B0A)
- Antique Fern Courtyard color palette (#ECF4F1, #C9DADD, #9ABFBF, #606B2D, #18231F)
- Timeworn Cerulean Thicket color palette (#EBF4F3, #9CD3A9, #1792A7, #408255, #08181F)
Browse the whole catalog at Explore, or see today's palette.