Tempered Pine color palette — #ECF6DE · #008A5D · #005D8A · #4C3800 · #0E0D00
A conversation between Fern and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF6DE): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#008A5D): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005D8A): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#4C3800): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#0E0D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, 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
- Powdered Nightshade Grove color palette (#E9F6E9, #008586, #363DA1, #303A00, #080F00)
- Powdered Boulevard color palette (#F8F3D4, #667A00, #005F62, #601D00, #120B00)
- Weathered Cypress color palette (#EDF4EE, #C7DCD8, #ACC7B7, #007A7E, #1B291C)
- Quiet Aubergine color palette (#E0FBFF, #008376, #781189, #6D1E00, #222800)
- Muted Cerulean color palette (#E2F8ED, #008CBB, #674B89, #204D29, #09170A)
- Aubergine Summit color palette (#C8F8E7, #006E9F, #6D0092, #00341D, #000607)
- Gentle Brick Dune color palette (#F0F5DA, #008628, #A71A1C, #593200, #0C0D00)
- Weathered Aubergine color palette (#D6FFD6, #00A3B6, #006A8F, #4A2A70, #002028)
Browse the whole catalog at Explore, or see today's palette.