Tempered Pine color palette — #FBF1FC · #7ADFD8 · #009CBB · #147813 · #00355B
Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FBF1FC): a clean, paper-quiet neutral.
- Lagoon (#7ADFD8): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#009CBB): A luminous, balanced blue — the color of open sky before noon.
- Olive (#147813): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#00355B): 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
- Muted Pine color palette (#FFF2EE, #B3FFF9, #00ABCC, #177810, #002644)
- Airy Lagoon color palette (#FFF0FA, #6EDCFA, #0092EB, #00755B, #25286C)
- Sunlit Forest Dune color palette (#EADFEA, #7DBFBE, #0081A1, #005E1F, #001F40)
- Gentle Workshop color palette (#E9FBEC, #97EBE5, #00C1D0, #009C70, #003947)
- Antique Iris Courtyard color palette (#FEF1F5, #BBD8F3, #7E92D1, #007C7B, #40315C)
- Frosted Magenta color palette (#ECD8F2, #DB62FF, #00977E, #038520, #370D43)
- Patina Powder color palette (#F9F3F9, #D4D6EA, #83BAD3, #5A928F, #435469)
- Tempered Denim Veranda color palette (#E8DDE5, #4DA0AF, #005E8B, #003D29, #02002F)
Browse the whole catalog at Explore, or see today's palette.