Timeworn Pine color palette — #EEF7F6 · #96CCC8 · #3B87A6 · #3A7E4B · #20303A

Olive and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Ash (#96CCC8): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#3B87A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#3A7E4B): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#20303A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Tempered Coast color palette (#ECF4F2, #9ECFC3, #4E89B3, #5B7F2E, #0A1722)
• Worn Bronze Loft color palette (#EFF8F3, #CAC287, #418D7E, #786F24, #1E3234)
• Faded Navy Villa color palette (#CDE5EE, #008691, #003493, #00393F, #00030E)
• Antique Loft color palette (#E9FBEC, #6DB8A7, #3A8295, #734B5F, #2F4D55)
• Ancient Pewter Basin color palette (#ECF7FD, #62BDD4, #795FA4, #006B7F, #212331)
• Wandering Denim Courtyard color palette (#DBFFED, #89D3C9, #488F92, #17667D, #00507A)
• Tempered Moss Hollow color palette (#F6F5EE, #CAD8A8, #8996DB, #829741, #382833)
• Muted Lagoon Coast color palette (#EEF7F8, #D4DBE1, #B0AAB2, #598C90, #4A5556)

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