Timeworn Pine color palette — #ECF8F7 · #D0DEE9 · #B1C7E6 · #358A4F · #0B2321

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

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Silver (#D0DEE9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#B1C7E6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Fern (#358A4F): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#0B2321): 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 Timeworn 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

• Patina Lagoon color palette (#EFF7F7, #D2DFEB, #BAB6D0, #5B997A, #243131)
• Cypress Bloom color palette (#EAF8FA, #CCDCEF, #A4BFD2, #00705A, #001012)
• Lagoon Terrace color palette (#C7EEF4, #00897A, #352D2D, #002A33, #000506)
• Patina Lagoon Thicket color palette (#E9F9F5, #91CAA5, #00897A, #46582B, #001D1D)
• Softworn Forest Drift color palette (#EDF0E7, #C6CFC1, #95A695, #14653B, #2B311D)
• Dusty Cocoa color palette (#CFFFF6, #8BC2CE, #5E97B3, #764430, #371A27)
• Dusty Clover color palette (#FFF0FA, #37BF61, #007985, #79002D, #001710)
• Frosted Ultramarine Quarry color palette (#E5FBF6, #64A729, #005CCC, #6F0013, #160900)

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