Timeworn Lagoon color palette — #E0E0D1 · #489667 · #00614E · #004046 · #001507

A conversation between Fern and Pine, giving this palette its sense of nature and growth.

The five colors

• Bone (#E0E0D1): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#489667): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#00614E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004046): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001507): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Fern Hollow color palette (#F4ECD5, #7A8B54, #1C630E, #004335, #0C1200)
• Muted Emerald Summit color palette (#C8EAE2, #1DA863, #005B49, #003237, #000200)
• Pine Study color palette (#EAE4D4, #3C7D35, #004236, #002539, #011501)
• Antique Navy Loft color palette (#EFF2E0, #57A480, #007062, #3E3C77, #002113)
• Pale Dune color palette (#D0E4DA, #51B056, #008371, #2D5B78, #001502)
• Dusty Mint color palette (#EAEEDA, #4CC499, #008A7E, #006679, #003726)
• Hushed Thicket color palette (#E5DFD5, #66ADC5, #006E9D, #004A4B, #00142C)
• Patina Emerald color palette (#FBF5E2, #A8C787, #479B54, #276CAA, #2D420B)

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