Tempered Pine color palette — #FEF3ED · #C6DBC4 · #10A7BF · #008149 · #00405B
A conversation between Fern and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF3ED): bright and airy, almost weightless.
- Oat (#C6DBC4): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#10A7BF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#008149): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00405B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, 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
- Lagoon Corridor color palette (#FCF3EF, #C3E7E3, #6EADD2, #008F7A, #30486B)
- Hazy Ridge color palette (#F5EDE8, #A6D0B7, #0A8FD1, #006D61, #112B5D)
- Lagoon Parlor color palette (#ECF8F5, #A0CED9, #00898F, #006153, #00434B)
- Denim Villa color palette (#EDE4DF, #609FA0, #006377, #003E26, #000A15)
- Hushed Petrol Study color palette (#EDDED7, #79BFC5, #0081A2, #005C42, #00213B)
- Weathered Chestnut color palette (#EDE8D8, #A5B686, #8A8242, #7A5200, #30312A)
- Misty Pine Summit color palette (#FFDADF, #BD79BB, #71973D, #008F4E, #3D1E3C)
- Linen Byzantium color palette (#FDE8EE, #BC96D4, #62B358, #8C43B2, #164011)
Browse the whole catalog at Explore, or see today's palette.