Tempered Pine Station color palette — #F1F2EC · #D0DCD5 · #ABC4BE · #568253 · #2C2D26

A conversation between Fern and Stone, giving this palette its sense of nature and growth.

The five colors

• Cream (#F1F2EC): bright and airy, almost weightless.
• Silver (#D0DCD5): a clean, paper-quiet neutral.
• Stone (#ABC4BE): A luminous, dusty teal — the color of glacier melt.
• Fern (#568253): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2C2D26): quiet, heavy and certain.

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

Use it as a design system

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

• Chestnut Terrace color palette (#EBE9D0, #A8BA9B, #6E8F7B, #8C4D31, #37322D)
• Aged Olive Ridge color palette (#F4F6EE, #D3DED7, #B1C6BB, #6E7C37, #474940)
• Timeworn Terrace color palette (#EDF4ED, #C4DDDC, #CFB6CF, #007A7D, #1F281F)
• Hushed Forest color palette (#EFF4E8, #C8D9C8, #8FB6A2, #006C4D, #151D07)
• Spruce Basin color palette (#EAEDE1, #97A592, #5F876C, #004220, #030500)
• Wandering Jade Quarry color palette (#FFEEE4, #71AE68, #007A7E, #722A41, #1E2611)
• Weathered Abyss Lantern color palette (#E5ECE9, #BDAEBC, #A18493, #004A65, #010E08)
• Dusty Ultramarine Corridor color palette (#F3F3E5, #779A57, #3D60B1, #6B2A16, #361200)

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