Tempered Pine color palette — #F8F3F9 · #D2D5E6 · #45B6D5 · #417F41 · #153049
Built around Olive, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Silver (#D2D5E6): A whisper-light, dusty violet — the color of a velvet chair.
- Cyan (#45B6D5): A luminous, balanced blue — the color of deep harbor water.
- Olive (#417F41): A full-bodied, balanced green — the color of fresh herbs.
- Deep Teal (#153049): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. 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
- Softworn Periwinkle color palette (#FEF1F7, #D7D3DF, #7FA7E9, #008075, #2E274F)
- Tempered Emerald color palette (#F8F5EE, #D2E7D0, #67C2CD, #00A479, #004252)
- Linen Orchard color palette (#FCF2F8, #BCEFFF, #4198E0, #006C55, #151843)
- Bronze Lantern color palette (#EFF6FF, #8EBAFF, #A67D00, #697401, #071B35)
- Aged Teal color palette (#EDF6FF, #E2DAE3, #BCB3A2, #60A8AC, #28334B)
- Softworn Cerulean Summit color palette (#EBF5ED, #9BD2DF, #008C99, #005E44, #00252F)
- Weathered Pier color palette (#FFF2EE, #B1CEAF, #0086A3, #17641E, #1C3D5B)
- Softworn Coast color palette (#E7DAE7, #74AEAF, #005E78, #002E0F, #000104)
Browse the whole catalog at Explore, or see today's palette.