Tempered Pine color palette — #EFF7F6 · #D3DAE0 · #A1B7C4 · #127832 · #2D3E3D

Built around Olive, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D3DAE0): bright and airy, almost weightless.
• Ash (#A1B7C4): A luminous, dusty blue — the color of deep harbor water.
• Olive (#127832): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#2D3E3D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Weathered Delta color palette (#EFF7F7, #D1DBE1, #ADC2D7, #598E6A, #2C3F3E)
• Tempered Pine color palette (#F1F3EC, #CED9D3, #ABBDAA, #2F744A, #1F2219)
• Patina Cypress Terrace color palette (#EAF8FB, #C7D5DF, #95A6CE, #006865, #063943)
• Weathered Loft color palette (#D3E9D7, #8DB9B1, #3D7E82, #734722, #2B4C33)
• Ancient Harbor color palette (#E5F2F2, #ADBCC1, #7D91A1, #005233, #0D2424)
• Weathered Spruce color palette (#DCE8ED, #929BA5, #696F87, #00313A, #000B12)
• Garnet Courtyard color palette (#FBE8F8, #7B8F4A, #00686B, #7C0014, #003937)
• Airy Nightshade color palette (#E5F7ED, #827A00, #45489A, #592D00, #302400)

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