Timeworn Lagoon color palette — #F1F7F1 · #A6CABB · #628E66 · #5F6480 · #3F524A

Fern and Graphite set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Stone (#A6CABB): A luminous, dusty teal — the color of sea glass.
• Fern (#628E66): A luminous, dusty green — the color of a quiet forest floor.
• Graphite (#5F6480): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#3F524A): A full-bodied, dusty teal — the color of sea glass.

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

• Wandering Drift color palette (#F6F1E7, #CEC499, #88873E, #725A60, #33312A)
• Oat Summit color palette (#EFF8F2, #CFD6A7, #78A69C, #7C7A91, #40524B)
• Azure Villa color palette (#F9F3F7, #D4E1F3, #68A0C7, #4A7A64, #475366)
• Wandering Emerald Drift color palette (#D7EAE0, #619C62, #006355, #52304E, #133114)
• Antique Jade Bloom color palette (#E7FBEE, #85B269, #007C5E, #673F6F, #17433C)
• Bronze Dune color palette (#FFF0F8, #DAA186, #40AAB5, #A25E3E, #33525E)
• Aged Amber color palette (#FFF0F9, #D08064, #3995B8, #4C71A7, #4E3C48)
• Fern Alley color palette (#FAF4EC, #E4DEC3, #B5BA91, #AE909E, #5A4D00)

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