Tempered Pine color palette — #F6EDE4 · #C38400 · #17750F · #704A00 · #000500
A conversation between Olive and Mustard, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6EDE4): a clean, paper-quiet neutral.
- Mustard (#C38400): A luminous, balanced gold — the color of honey in a jar.
- Olive (#17750F): A full-bodied, balanced green — the color of fresh herbs.
- Bronze (#704A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#000500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.
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
- Ancient Bronze color palette (#EDE5D3, #998200, #006244, #514400, #000201)
- Wandering Parlor color palette (#F3E2D8, #D2764F, #6C6200, #8A3300, #050300)
- Soft Archive color palette (#E8DEC7, #95960B, #4F6C00, #004C17, #001B11)
- Tempered Mustard Balcony color palette (#F8F2DD, #B5B100, #008B76, #706D00, #001611)
- Nightshade Courtyard color palette (#F2E1C6, #8E8200, #0F6B11, #2400A5, #141900)
- Hushed Meadow color palette (#EEDDE5, #F9871A, #009A69, #B25C00, #000405)
- Chestnut Orchard color palette (#EEEAE1, #C7C4B8, #A6A886, #725F00, #271E0A)
- Ancient Aubergine color palette (#F0E2CC, #846300, #005165, #48007F, #170001)
Browse the whole catalog at Explore, or see today's palette.