Tempered Pine color palette — #F5D4DE · #B26F00 · #00893D · #006055 · #2E0E1B

Built around Fern, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F5D4DE): A whisper-light, dusty rose — the color of strawberry cream.
• Ochre (#B26F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#00893D): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006055): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#2E0E1B): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Bronze Archive color palette (#CDE5D2, #A27900, #008568, #005F63, #03210D)
• Sunlit Moss Pier color palette (#D1E8DD, #8F8B00, #007740, #004C50, #371300)
• Marigold Dune color palette (#F1E0C8, #C69B0B, #857000, #525100, #1F2600)
• Gentle Parlor color palette (#C1E8DD, #669000, #00818E, #005788, #00211A)
• Frosted Veranda color palette (#EFD5E7, #AF2A00, #005D70, #003F4D, #271222)
• Worn Fern color palette (#D8F6EE, #466E00, #005D6C, #003760, #020600)
• Patina Apricot Drift color palette (#F3E8EC, #E58C49, #8E6C00, #974C00, #001205)
• Bronze Villa color palette (#F6EBEE, #D0DBD1, #9FC1A9, #9E6200, #362A2E)

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