Tempered Pine color palette — #EFF7F6 · #CEDCE5 · #9EB8C2 · #407144 · #2D3E3C

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 (#CEDCE5): bright and airy, almost weightless.
• Ash (#9EB8C2): A luminous, dusty blue — the color of deep harbor water.
• Olive (#407144): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#2D3E3C): 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

• Dusty Courtyard color palette (#F1F3EB, #CBDBD1, #B1BBAB, #437052, #1F2216)
• Petrol Workshop color palette (#EFF6FB, #D7D9EC, #AFBCDB, #007692, #354249)
• Cypress Atelier color palette (#E9FAF4, #79A883, #007362, #245548, #0E3D3B)
• Abyss Cabin color palette (#DBE5E5, #A9BDC2, #7593A2, #005330, #0A2424)
• Muted Grove color palette (#CCEDE7, #79B5AC, #557B93, #65495B, #533234)
• Patina Denim color palette (#E9EFF5, #C5CDD9, #969EC2, #005C80, #223039)
• Antique Jade color palette (#F4F6EE, #D0DDD6, #AEC8BF, #6FB17E, #374000)
• Softworn Meadow color palette (#DDE6EA, #8F9CA6, #626F95, #003139, #020B10)

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