Tempered Pine color palette — #E3FAFF · #A5E4FF · #A9B9FF · #1B7D49 · #00141E
Built around Pine, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Ivory (#E3FAFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Powder Blue (#A5E4FF): A whisper-light, dusty blue — the color of open sky before noon.
- Lavender (#A9B9FF): A luminous, balanced violet — the color of wild irises.
- Pine (#1B7D49): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#00141E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged pastel, 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
- Muted Lilac color palette (#EBF7FF, #D6D8F6, #BE9FF9, #00766E, #00111C)
- Hushed Glacier Cabin color palette (#DEFFE4, #51F5F1, #59B9F1, #66732A, #001411)
- Lilac Terrace color palette (#D3ECF1, #ACC6F9, #B4A5FF, #6B8E44, #002F34)
- Antique Fern Villa color palette (#DDF1D7, #66BCDD, #9077BF, #265400, #001116)
- Cobalt Canyon color palette (#CCEBCC, #81C0D6, #4289D3, #005846, #00252B)
- Tempered Powder Balcony color palette (#DBEFFF, #A3AFFF, #AC72B1, #005057, #00000E)
- Hushed Dune color palette (#E7F9FF, #DCDCE6, #EBC0E3, #009F93, #00334B)
- Feathered Grape Balcony color palette (#ECF7FF, #0EAFF1, #882CA8, #005477, #010008)
Browse the whole catalog at Explore, or see today's palette.