Tempered Pine color palette — #E4FBFA · #FFCCB2 · #00804A · #00391E · #000A0A
A conversation between Teal and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E4FBFA): A whisper-light, dusty teal — the color of sea glass.
- Peach Cream (#FFCCB2): A whisper-light, dusty orange — the color of toasted spice.
- Teal (#00804A): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#00391E): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000A0A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Petrol Thicket color palette (#E8F8FF, #FFC8CF, #007987, #00353C, #00090F)
- Sand Alley color palette (#EAFAF0, #FFD083, #7D6A00, #382E00, #000B04)
- Fern Harbor color palette (#E3F7F2, #B4AB51, #2E5908, #102700, #000A08)
- Apricot Garden color palette (#DFFCFD, #FBA083, #006047, #001E14, #000202)
- Honey Lantern color palette (#F5F9DB, #FFC531, #55A34D, #41673D, #1B1C05)
- Worn Mallow color palette (#ECF7FF, #FFA4BF, #006084, #002231, #000103)
- Hushed Cerulean Terrace color palette (#F0F6FB, #DCD6CC, #4C8EB5, #30495C, #131C24)
- Coral Corridor color palette (#DBF3FA, #EB7C77, #004545, #262229, #000A0A)
Browse the whole catalog at Explore, or see today's palette.