Tempered Pine Studio color palette — #E3F6DF · #00774B · #00483E · #002225 · #020C17
Pine and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E3F6DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#00774B): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00483E): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002225): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#020C17): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered Pine Studio 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 Grove color palette (#DAEADB, #009C6C, #007B6F, #00585F, #001A20)
- Deep Petrol Bloom color palette (#D9EFF0, #007E88, #004144, #001617, #000203)
- Tempered Olive color palette (#E0E2D5, #557400, #004711, #002A1E, #001714)
- Muted Parlor color palette (#D3EBF0, #006E68, #8E003C, #003431, #25000A)
- Dusty Study color palette (#CAEBE8, #007384, #00435B, #002342, #150037)
- Aged Garnet color palette (#C9E8EB, #00575F, #760049, #5E0800, #000A0B)
- Tempered Cobalt Study color palette (#CAEBF3, #64A8BF, #5D6EC2, #004621, #001E23)
- Tempered Teal color palette (#D3E6D8, #00B092, #006E6D, #004A54, #1A2B4F)
Browse the whole catalog at Explore, or see today's palette.