Lagoon Grove color palette — #FAF3F0 · #CEE6E3 · #8CB8D4 · #409887 · #5F4B5E

Fern and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F0): a clean, paper-quiet neutral.
• Silver (#CEE6E3): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#8CB8D4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#409887): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#5F4B5E): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Powder Veranda color palette (#FAF2F8, #D5D4E2, #9DD4F6, #679E91, #424E5E)
• Timeworn Cerulean Study color palette (#EEF8F1, #90D0DE, #DFA180, #009DB5, #524C47)
• Turquoise Lantern color palette (#EFF7F6, #D2DEF0, #50A6C3, #3F797D, #415664)
• Timeworn Periwinkle Pier color palette (#FDF3EB, #B3E2FF, #639CEE, #008286, #353677)
• Muted Ridge color palette (#F7ECE5, #6DABC9, #0F67B7, #004A4A, #0B0048)
• Hushed Pine Lantern color palette (#FBF3F0, #C4DCC6, #28A5C5, #008057, #133E5B)
• Ancient Basin color palette (#FAE9E1, #97BCA2, #007FAC, #005B4A, #001F43)
• Amber Atelier color palette (#E4FBF3, #82B8E0, #D38F99, #C38236, #2B4A40)

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