Timeworn Pine Harbor color palette — #F6F1E6 · #8FAB72 · #197748 · #5F3945 · #1F1D00

Pine takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F6F1E6): a clean, paper-quiet neutral.
• Sage (#8FAB72): A luminous, balanced green — the color of fresh herbs.
• Pine (#197748): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5F3945): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#1F1D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Timeworn Pine Harbor 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

• Gentle Fern Field color palette (#F1E2CE, #9B9A3F, #376A00, #612153, #181700)
• Worn Lagoon Quarry color palette (#F4F2E7, #96BF9F, #008874, #6E4A4D, #252A15)
• Wandering Thicket color palette (#F9F6E0, #88A66F, #3F7138, #504945, #36362F)
• Washed Lagoon color palette (#E2E0D0, #649C75, #006356, #5B2626, #101400)
• Hushed Emerald Ridge color palette (#EBF9F4, #BFDAAB, #589D53, #845743, #042F28)
• Wandering Olive Harbor color palette (#E7E3D2, #518847, #00513A, #3E1740, #010B00)
• Hushed Parlor color palette (#FFEAD5, #D9A05A, #8F5200, #492700, #170A00)
• Timeworn Cobalt color palette (#F9F0E9, #A9D2BE, #3780C1, #005C58, #151E3E)

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