Tempered Pine color palette — #FDF0FF · #95D9D7 · #009BBF · #007924 · #00345F
A conversation between Olive and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Ice Blue (#95D9D7): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#009BBF): A luminous, balanced blue — the color of deep harbor water.
- Olive (#007924): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#00345F): A deep, shadowed, balanced blue — the color of open sky before noon.
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 Pine color palette (#FFF2EE, #B2FFFA, #00ABCD, #137814, #002644)
- Chalky Cornflower color palette (#FDF1F9, #8ED7F0, #098FF3, #00745F, #28276D)
- Weathered Summit color palette (#F3E9F3, #7FBEBF, #0081A3, #005E26, #001F42)
- Softworn Alley color palette (#F9F3F8, #CFDFF6, #73ACD2, #0F9063, #37476B)
- Muted Balcony color palette (#ECF9EE, #66F3ED, #00C0D1, #009C72, #003948)
- Faded Petrol Terrace color palette (#F0E2EB, #64AEC4, #006AAF, #004C3B, #0D0047)
- Weathered Study color palette (#F0DDBD, #C1A600, #638500, #00652A, #003B2D)
- Hazy Bronze Terrace color palette (#D7FFF5, #98E7D4, #75CAFF, #AB7D00, #004723)
Browse the whole catalog at Explore, or see today's palette.