Tempered Pine color palette — #F2DAEC · #008757 · #005465 · #58000C · #000F0C
A conversation between Fern and Espresso, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F2DAEC): A whisper-light, dusty pink — the color of neon signs at night.
- Fern (#008757): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005465): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Espresso (#58000C): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#000F0C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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 Coast color palette (#F9EAE4, #5F7E00, #00574E, #54002D, #001002)
- Softworn Cypress Villa color palette (#EDDDC6, #008476, #005077, #402400, #000E10)
- Ancient Pine color palette (#FEDED5, #008C63, #004B5E, #3A000F, #000201)
- Onyx Harbor color palette (#D7E6F2, #007096, #004877, #490033, #050900)
- Abyss Quarry color palette (#C8E7EF, #005F5E, #3E383E, #001C27, #000303)
- Patina Ridge color palette (#E7F1DA, #558B91, #006D8C, #692D23, #2B1A00)
- Spruce Studio color palette (#D2E9E4, #409578, #005F5F, #134400, #00140C)
- Deep Onyx Market color palette (#E0E1CF, #00665F, #00373E, #150050, #000E0E)
Browse the whole catalog at Explore, or see today's palette.