Lagoon Basin color palette — #FFF1F7 · #ACAC6F · #3B886B · #6F4A6F · #334E48

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sage (#ACAC6F): A luminous, balanced green — the color of new leaves after rain.
• Fern (#3B886B): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#6F4A6F): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#334E48): A full-bodied, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Cerulean Courtyard color palette (#FDF1FA, #7CB890, #008699, #7E4749, #374C4F)
• Olive Bloom color palette (#EDF9ED, #CE9B76, #757E2C, #565380, #3C4D3E)
• Muted Mint color palette (#F7F2E2, #97B96B, #598462, #375B49, #2D2E19)
• Washed Periwinkle color palette (#FAF3F6, #D8DEF0, #749CCB, #347B7B, #47526A)
• Pewter Thicket color palette (#EAFAEE, #B0D1C9, #7C9DA3, #7C6C84, #644B50)
• Antique Moss color palette (#FFF0F8, #60A100, #006F6B, #751858, #163F26)
• Softworn Chartreuse color palette (#E9F9F6, #FFE7BB, #A7DC8F, #36B1B2, #315452)
• Muted Veranda color palette (#E7F6F3, #5C8B4F, #1B4348, #192D2A, #111717)

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