Timeworn Pine color palette — #FDF2EF · #C7E5DD · #67B0CE · #3E8D55 · #573D58

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF2EF): bright and airy, almost weightless.
• Silver (#C7E5DD): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#67B0CE): A luminous, balanced blue — the color of deep harbor water.
• Fern (#3E8D55): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#573D58): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Hushed Lagoon Quarry color palette (#FAF4EF, #BFE8ED, #94A2D7, #008C8F, #5F3B4A)
• Hushed Azure Alley color palette (#FBF3F0, #BFDDC8, #489ED8, #007F5C, #2D385E)
• Wandering Powder Field color palette (#F9F3F9, #D2D5E5, #81C6E0, #658E69, #2A415A)
• Coral Terrace color palette (#ECFAEB, #65CBC9, #E1897F, #009392, #66302B)
• Teal Cabin color palette (#DFE4BA, #82CEA9, #00A6A1, #007488, #1B4866)
• Denim Balcony color palette (#EFE4DB, #6C9E8E, #394FA6, #003B3B, #0E0023)
• Turquoise Veranda color palette (#DDFFE9, #92D3E9, #00A8C2, #006773, #00383F)
• Airy Cobalt Boulevard color palette (#F5EDE7, #7FBBD3, #2876C7, #005B4C, #1B124F)

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