Tempered Pine color palette — #FFF2EE · #D1DFF7 · #02BFF6 · #008E47 · #0E3465
A conversation between Fern and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Powder Blue (#D1DFF7): A whisper-light, dusty violet — the color of wild irises.
- Cyan (#02BFF6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#008E47): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#0E3465): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.
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
- Aged Periwinkle Cabin color palette (#FCF3ED, #C1E6F6, #74B1FF, #008A77, #302C63)
- Airy Lagoon color palette (#FFF2ED, #C1FAFF, #00A7E0, #007743, #002057)
- Chalky Bloom color palette (#F0F8F1, #A3F5F8, #00CCEA, #00A989, #00475D)
- Dusty Forest Pier color palette (#FCF1FB, #75E3E4, #008CB2, #006C2C, #214167)
- Teal Coast color palette (#FAF3F0, #C4DEE7, #B7C1F2, #47A687, #5E4457)
- Aged Spruce Atelier color palette (#FCEAE5, #88C3C3, #00728F, #004114, #000209)
- Antique Cabin color palette (#F9ECE3, #6DACC5, #0053A1, #002C25, #010009)
- Powdered Hollow color palette (#F2FAD9, #93EFA9, #CF83F9, #008D42, #440D5D)
Browse the whole catalog at Explore, or see today's palette.