Timeworn Pine color palette — #E3F7F0 · #85B777 · #00804C · #334C74 · #002722

Teal and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E3F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#85B777): A luminous, balanced green — the color of new leaves after rain.
• Teal (#00804C): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#334C74): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#002722): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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

• Muted Olive Ridge color palette (#E6F7EA, #AFAC53, #5A7700, #5A3D74, #00281A)
• Softworn Forest Quarry color palette (#DCF1EB, #6B9B75, #00654B, #273466, #001615)
• Weathered Lantern color palette (#FFF4E1, #90B154, #167C52, #6E4348, #33401A)
• Tempered Moss color palette (#CCEEDD, #7FA422, #106F12, #5A245E, #111900)
• Tempered Lagoon color palette (#EBF4F0, #A1CEC5, #628F70, #655D72, #233532)
• Hushed Canyon color palette (#EAF5EC, #9ADCED, #008FBE, #00625F, #002744)
• Tempered Courtyard color palette (#E7FCEA, #CFE2A3, #00AD66, #875A79, #293308)
• Mulberry Basin color palette (#F5EEFF, #EF75CA, #009954, #8B006F, #002912)

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