Tempered Pine color palette — #F4E9CA · #869F60 · #008056 · #414981 · #4B2D64
Teal and Royal Purple set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F4E9CA): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#869F60): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#008056): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#414981): A full-bodied, balanced violet — the color of a velvet chair.
- Royal Purple (#4B2D64): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, 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
- Jade Canyon color palette (#E6EEDB, #5FAC80, #00837D, #5C4374, #5F2852)
- Ancient Olive color palette (#F6E1D2, #B29C5D, #667C33, #095176, #2F3571)
- Mustard Quarry color palette (#FFDDCB, #BEB357, #159884, #7B4B80, #4C2851)
- Quiet Mint color palette (#E9EDDE, #96C979, #76AD87, #00849D, #024060)
- Dusty Petrol color palette (#D3E9DA, #3E8F88, #006884, #542845, #481118)
- Cerulean Loft color palette (#E2E9C4, #9EB295, #398294, #70454D, #563933)
- Softworn Driftwood Boulevard color palette (#FBF5E3, #CCCCAE, #859578, #806B77, #604E52)
- Softworn Grove color palette (#EFEFD4, #8CA300, #407100, #005624, #003D3B)
Browse the whole catalog at Explore, or see today's palette.