Tempered Pine Garden color palette — #EAF9F5 · #8DBAB2 · #53805B · #755039 · #244A45
Built around Fern, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF9F5): a clean, paper-quiet neutral.
- Ash (#8DBAB2): A luminous, dusty teal — the color of glacier melt.
- Fern (#53805B): A full-bodied, dusty green — the color of a quiet forest floor.
- Coffee (#755039): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Forest (#244A45): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Pine Garden 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
- Washed Lagoon Lagoon color palette (#F0F7F1, #B1C7B9, #608C78, #795C6C, #3D5346)
- Worn Olive color palette (#E5FBF0, #9DAA74, #547624, #704604, #373F0E)
- Antique Terrace color palette (#E6F6EF, #8BBFB6, #1F8964, #564F70, #142C29)
- Basalt Canyon color palette (#F6F6E9, #B9E3B0, #8DB995, #A68A74, #444600)
- Antique Bronze color palette (#EDF9ED, #C1E9E3, #C5C281, #AE733E, #37503C)
- Airy Orchard color palette (#CFF4F1, #3DA879, #006A53, #5D3B00, #003822)
- Bronze Canyon color palette (#E3FEE1, #D0AD7C, #996809, #5B3900, #402700)
- Pine Lagoon color palette (#CCE4DF, #407A4C, #004328, #361A00, #001504)
Browse the whole catalog at Explore, or see today's palette.