Lagoon Studio color palette — #FAF4EA · #B9B691 · #509070 · #6C5986 · #36362F

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

The five colors

• Ivory (#FAF4EA): bright and airy, almost weightless.
• Sage (#B9B691): A luminous, dusty green — the color of fresh herbs.
• Fern (#509070): A luminous, balanced teal — the color of glacier melt.
• Graphite (#6C5986): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#36362F): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, 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

• Patina Mulberry Terrace color palette (#F9F5E6, #9BC8A1, #009B8C, #924C80, #214427)
• Antique Lagoon color palette (#E9FBEC, #C4DA97, #4C9D70, #60607C, #0B2F26)
• Muted Mulberry Terrace color palette (#E8E5D7, #83B292, #00837D, #7B3C63, #003219)
• Muted Pine Grove color palette (#EBF9F2, #8EA469, #357333, #5D3E5F, #173D34)
• Aged Jade color palette (#FBF5E4, #BDD496, #7DAF79, #A2767E, #36362F)
• Fern Summit color palette (#FAF4EB, #D5D3B5, #95A17F, #99707B, #564F00)
• Pale Harbor color palette (#F9DFC8, #CC813D, #0097BF, #4472AE, #3F2406)
• Azure Boulevard color palette (#FDF3ED, #BBDECB, #609AD5, #007E68, #323564)

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