Lagoon Terrace color palette — #FAF3F0 · #CEE7E2 · #86B9D3 · #419880 · #604A62

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

The five colors

• Ivory (#FAF3F0): a clean, paper-quiet neutral.
• Silver (#CEE7E2): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#86B9D3): A luminous, dusty blue — the color of open sky before noon.
• Fern (#419880): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#604A62): A full-bodied, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Lagoon Terrace 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 Courtyard color palette (#FBF3EF, #CFE5DE, #94BDA1, #609472, #355147)
• Patina Summit color palette (#EFF7F6, #D1DEF1, #49A7C0, #3C7A7A, #3E5665)
• Weathered Orchard color palette (#F4F7EB, #A8D1AA, #DB9ABD, #5C9E61, #6A4040)
• Periwinkle Terrace color palette (#FFF2E9, #BCE6D3, #4F9FF3, #008281, #303A72)
• Hushed Delta color palette (#F4EAE4, #679BAC, #005E8E, #003C35, #000428)
• Muted Petrol color palette (#EAE1DC, #7BBEC5, #0081A3, #005C43, #00213B)
• Pine Pier color palette (#FDF3ED, #C3DDC1, #00A7C1, #0B814B, #00405C)
• Softworn Blush Garden color palette (#F0F9E6, #77C3A7, #BF91CC, #C97397, #40443D)

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