Lagoon Studio color palette — #FBF4EB · #BFB48C · #608D63 · #1F6F79 · #37352F

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

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Sage (#BFB48C): A luminous, dusty green — the color of new leaves after rain.
• Fern (#608D63): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#1F6F79): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#37352F): a grounded near-black with real depth.

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

Use it as a design system

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

• Lagoon Terrace color palette (#EEF9EE, #CDD798, #5D9A6A, #3D6A7D, #0A2F24)
• Worn Driftwood Quarry color palette (#FEF3EC, #C7B287, #7B884A, #6F5881, #44320A)
• Washed Lagoon Study color palette (#F9F5EC, #C6C7A5, #54A184, #407A93, #474500)
• Tempered Lagoon Dune color palette (#F9F5E8, #99C0A0, #149488, #64682C, #35362F)
• Misty Pine color palette (#EDE3D5, #9CAD77, #298555, #7D3C5D, #232E00)
• Worn Pine color palette (#EDF8F3, #8FA378, #2F7338, #13574B, #203C35)
• Washed Forest Basin color palette (#F5E9D5, #869C57, #007346, #004E5E, #161E00)
• Wandering Pine color palette (#FBF3F1, #C6DBC7, #4DA1C2, #00823C, #233B5B)

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