Timeworn Pine color palette — #FBF3F1 · #C4E6DF · #5EB0D8 · #2F8F5B · #33486A

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

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#C4E6DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#5EB0D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#2F8F5B): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#33486A): A full-bodied, dusty blue — the color of open sky before noon.

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

• Ancient Azure Field color palette (#FDF3ED, #BADECA, #639AD1, #007E67, #323564)
• Weathered Powder color palette (#FAF2F9, #CDD9F0, #82C5E6, #628E70, #314055)
• Patina Chapel color palette (#E6EDC6, #7ECFB9, #00ABB1, #007191, #1E4C6A)
• Hushed Hollow color palette (#EAFAED, #BEE7ED, #E3C3FB, #6AAC85, #375242)
• Lagoon Delta color palette (#EAFAEC, #62CAD2, #DC8D7C, #00929A, #62332A)
• Worn Ultramarine Boulevard color palette (#F5EADE, #6F9D91, #4145B8, #003B3D, #100021)
• Turquoise Alley color palette (#DDFFEA, #8CD4E8, #33A3C3, #006B8A, #00343E)
• Powdered Petrol Station color palette (#EFDED5, #6DADBD, #006CA7, #004C38, #080741)

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