Tempered Pine color palette — #FEF0FF · #60E2DD · #009CBD · #06791B · #00345D
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Lagoon (#60E2DD): A whisper-light, balanced teal — the color of glacier melt.
- Cerulean (#009CBD): A luminous, balanced blue — the color of open sky before noon.
- Olive (#06791B): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#00345D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Gentle Ridge color palette (#FFF0F9, #63DDFF, #0091EE, #00755D, #26286C)
- Frosted Station color palette (#FFF2EB, #B1FFFC, #00ACC8, #007746, #00283C)
- Worn Forest color palette (#EBDDEB, #52C5C9, #0080A5, #005E29, #041F40)
- Airy Courtyard color palette (#E8FAF5, #9DEAE5, #00C2C9, #009A83, #003A41)
- Timeworn Iris color palette (#FDF2F5, #AEDAFF, #8191D1, #197B7C, #353758)
- Cypress Study color palette (#F6F6E9, #75C8C5, #007D83, #00574A, #003A42)
- Muted Jade Coast color palette (#E6F2E3, #00BF8C, #00948B, #006174, #003B5E)
- Aqua Grove color palette (#B2F4FF, #00CBE7, #008896, #004F5B, #001F23)
Browse the whole catalog at Explore, or see today's palette.