Tempered Pine color palette — #F8F3F9 · #B0DDE8 · #29A5C3 · #3D7D39 · #153D5F
Built around Olive, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Powder Blue (#B0DDE8): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#29A5C3): A luminous, balanced blue — the color of open sky before noon.
- Olive (#3D7D39): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#153D5F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Turquoise Pier color palette (#FFF2EF, #CDE1F9, #48B6D4, #4B7D49, #00372E)
- Lagoon Archive color palette (#FAF3F8, #D1DEF4, #6FACDA, #1C8F6C, #394863)
- Weathered Villa color palette (#F6EBF2, #A8CADE, #4F8AC8, #006E5B, #272755)
- Muted Lantern color palette (#F9F4ED, #B1CEAE, #008894, #006247, #024252)
- Wisteria Market color palette (#E0F4EF, #8BB867, #C37DD8, #487B00, #482453)
- Washed Violet Harbor color palette (#C0EFF1, #00AF84, #8F76D6, #8A54D6, #003235)
- Dusty Spruce Dune color palette (#F1E9F1, #52A1A3, #00617D, #003F18, #00091B)
- Quiet Petrol color palette (#EAD9E2, #61AEC8, #0067B8, #004B3E, #100045)
Browse the whole catalog at Explore, or see today's palette.