Tempered Pine color palette — #E7FAF9 · #EDAB6E · #007E48 · #004726 · #00201F
A conversation between Pine and Sand, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7FAF9): a clean, paper-quiet neutral.
- Sand (#EDAB6E): A luminous, balanced gold — the color of old brass.
- Pine (#007E48): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004726): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#00201F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.
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
- Apricot Drift color palette (#E8F8FF, #F6A381, #007782, #004349, #001E28)
- Timeworn Mustard Workshop color palette (#E3FDEE, #E4B157, #756B00, #423C00, #002113)
- Pine Field color palette (#F0FADE, #FFCE9E, #007F4F, #003921, #050900)
- Muted Forest color palette (#CEE3E4, #D0966A, #00654A, #003222, #000E0F)
- Worn Sunflower color palette (#DCFDF7, #E4D200, #58A33E, #446639, #00201C)
- Gentle Moss Dune color palette (#F5F8E2, #AEA605, #115806, #063002, #1B1C09)
- Frosted Cobalt Atelier color palette (#E5FAF9, #7DD097, #008CDE, #008F4B, #001F36)
- Tempered Delta color palette (#EFF6FC, #E6C6DE, #57849C, #2C516A, #232D34)
Browse the whole catalog at Explore, or see today's palette.