Timeworn Pine color palette — #EBF4F3 · #CFDBE3 · #B3BFCD · #568159 · #232F2D

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

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Silver (#CFDBE3): bright and airy, almost weightless.
• Ash (#B3BFCD): A luminous, dusty blue — the color of deep harbor water.
• Fern (#568159): A full-bodied, dusty green — the color of fresh herbs.
• Deep Forest (#232F2D): quiet, heavy and certain.

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

• Lagoon Cabin color palette (#E7F6F1, #89BFBC, #118874, #2D6052, #0C2D2C)
• Petrol Studio color palette (#ECF3F7, #D4D5E0, #AEB7CC, #006F8C, #172229)
• Driftwood Veranda color palette (#F5F6EE, #D3DED8, #B0C7C2, #779A78, #47493E)
• Cerulean Orchard color palette (#CDF6EF, #92BAC1, #698BA2, #685161, #422C3B)
• Muted Spruce Cabin color palette (#E6EFEE, #8AA6AB, #4C8693, #004223, #000605)
• Patina Lagoon Meadow color palette (#D8F3F7, #008873, #0F3645, #001A1D, #020807)
• Muted Abyss color palette (#DDE6EC, #AAB4C2, #8D87B0, #004A67, #000C17)
• Tempered Courtyard color palette (#FFEBF7, #69AF73, #007984, #673346, #00292B)

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