Tempered Pine Loft color palette — #ECF4F3 · #CDD8DD · #A2BDC0 · #327445 · #162322

A conversation between Pine and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#CDD8DD): bright and airy, almost weightless.
• Ash (#A2BDC0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#327445): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#162322): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Pine Loft 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

• Worn Cabin color palette (#E6F6F3, #84AB8A, #327351, #305023, #002220)
• Ancient Petrol color palette (#EAF3F9, #D1D6E5, #AFC1D5, #007698, #122834)
• Washed Emerald Thicket color palette (#EFF7F6, #D3DCE1, #B2B3C3, #5B9C5B, #233230)
• Twilit Cypress color palette (#CBE9ED, #007663, #002A33, #001012, #000303)
• Weathered Grove color palette (#E8F1F1, #A3B8BA, #6B969E, #005135, #000E0E)
• Tempered Denim color palette (#E4EAEF, #C2CDD8, #93A5BD, #005B86, #071723)
• Frosted Summit color palette (#D6F0E9, #27A07C, #006965, #0D3379, #001C20)
• Basalt Field color palette (#DAF2FF, #90ABC0, #5D7492, #5D3866, #411D35)

Browse the whole catalog at Explore, or see today's palette.