Tempered Pine color palette — #FFF4DE · #B69700 · #188114 · #004A47 · #260700
Built around Olive Leaf, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#B69700): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#188114): A full-bodied, vivid green — the color of new leaves after rain.
- Forest (#004A47): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#260700): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Linen Moss color palette (#FDF7D0, #8DA700, #007D63, #004759, #1C0F00)
- Bronze Workshop color palette (#FBEDCA, #8E7F00, #2A2E00, #101A1B, #0B0700)
- Tempered Olive color palette (#D4EFE4, #6D7500, #005A3D, #003A43, #381C00)
- Softworn Pine color palette (#EFF6DF, #009250, #005862, #381D00, #010200)
- Moss Atelier color palette (#F9F7DB, #7BAC00, #007C6D, #741A00, #191100)
- Weathered Lime Workshop color palette (#F6F8D7, #73C74F, #009188, #00587D, #2C1F00)
- Jade Hollow color palette (#F0FADD, #00AD6B, #00717A, #00386C, #0F0D00)
- Hushed Sunflower Courtyard color palette (#FFF6CD, #CDDDC9, #E7C800, #899E00, #1B1900)
Browse the whole catalog at Explore, or see today's palette.