Worn Lagoon Harbor color palette — #FCF4E7 · #97B27A · #2A8A6D · #604F80 · #474841

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

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Sage (#97B27A): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#2A8A6D): A full-bodied, balanced teal — the color of glacier melt.
• Graphite (#604F80): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#474841): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Weathered Taupe color palette (#FFEEE6, #ABB363, #378782, #6B464D, #2C2E1C)
• Worn Cerulean color palette (#FCF4E8, #6BB9A6, #00859E, #764961, #3F4C3F)
• Olive Harbor color palette (#FCF4E8, #C2A26A, #6E8031, #385C82, #4B4740)
• Stone Delta color palette (#FFF0FC, #BDC47F, #5EA09B, #826282, #374D4A)
• Periwinkle Field color palette (#F8F5EF, #C6EAEE, #749BD1, #2D7A8C, #614A5C)
• Worn Seafoam color palette (#F5F7EA, #E8F0B5, #99E292, #44B2A9, #454740)
• Pale Lagoon Field color palette (#FEECD0, #019C7F, #006676, #65234F, #21371D)
• Chestnut Lagoon color palette (#F8F5EE, #C6C2A2, #658D61, #7B6317, #574E00)

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