Tempered Pine color palette — #F1F3EC · #93C0A1 · #4279AD · #007942 · #00120E
Pine takes the lead with Slate close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Mint Leaf (#93C0A1): A luminous, dusty teal — the color of glacier melt.
- Slate (#4279AD): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#007942): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#00120E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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
- Tempered Lagoon color palette (#EDF4EC, #6CC5BC, #626BC0, #00746D, #170913)
- Fern Parlor color palette (#F4F2EB, #BDB672, #008399, #6F6600, #021308)
- Sunlit Cornflower color palette (#EDF8F7, #8BD99F, #518EEC, #349656, #1A2533)
- Worn Lagoon color palette (#EFF3EE, #D0D9D8, #AFC0C1, #00887B, #272F25)
- Cocoa Workshop color palette (#FFEEE3, #4FAF9D, #25739D, #722F0E, #0D2A13)
- Linen Plum color palette (#EBF5ED, #00BDD0, #9D3D9B, #006772, #160016)
- Patina Navy Pier color palette (#E3EFC4, #7AC0BA, #008298, #004D75, #031461)
- Aubergine Quarry color palette (#DBE7DC, #006569, #2A0075, #002426, #010009)
Browse the whole catalog at Explore, or see today's palette.