Tempered Pine color palette — #F5EAF5 · #84D5D3 · #0095B8 · #007224 · #032F56
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Blush (#F5EAF5): a clean, paper-quiet neutral.
- Lagoon (#84D5D3): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#0095B8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#007224): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#032F56): A deep, shadowed, balanced blue — the color of deep harbor water.
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
- Dusty Cobalt Lantern color palette (#F4ECF0, #91CFE4, #398AD7, #006E5A, #262852)
- Ancient Dune color palette (#FFF2EB, #B7F3F2, #32A1BB, #006E45, #002135)
- Petrol Workshop color palette (#F4EEE4, #6BC2C2, #007584, #00523E, #003343)
- Worn Lagoon Basin color palette (#E5F2EF, #9FE1E0, #41B7C1, #009282, #00353D)
- Weathered Periwinkle color palette (#FCF2F7, #AFE5F8, #389FFE, #00856D, #373A6B)
- Wandering Lilac color palette (#DAF7FF, #9AD7FF, #ACA0FF, #4E8955, #003444)
- Jade Summit color palette (#DEF0DD, #00B97F, #00817D, #005B6F, #003456)
- Washed Rust color palette (#D6E6EA, #009A94, #C75000, #845800, #002523)
Browse the whole catalog at Explore, or see today's palette.