Timeworn Pine color palette — #FCF3F0 · #C9E4DB · #65B1C9 · #4C8C4D · #2A4A69
A conversation between Fern and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF3F0): a clean, paper-quiet neutral.
- Silver (#C9E4DB): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#65B1C9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#4C8C4D): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#2A4A69): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Washed Coast color palette (#FBF3F0, #C5E5E3, #82A8D2, #008F76, #5A3D50)
- Muted Cerulean Bloom color palette (#F1F7F2, #C0E3EC, #009CAA, #257157, #274D60)
- Timeworn Aqua Alley color palette (#FAF4EB, #BDEFDF, #76CDD8, #6DA68E, #2F503F)
- Teal Cabin color palette (#EFEEC2, #7ECDAB, #00A69E, #007F91, #1A506A)
- Chalky Field color palette (#EEF8EE, #69CACB, #E3858F, #009394, #633137)
- Quiet Pier color palette (#F8EBE8, #93D1D3, #0094BD, #007132, #002D5D)
- Soft Ultramarine color palette (#F6EDE5, #6C99B3, #204FB5, #003C38, #0C0026)
- Hushed Turquoise Cabin color palette (#DEFFE4, #92DEE9, #10A6B5, #006D7E, #00343B)
Browse the whole catalog at Explore, or see today's palette.