Lagoon Garden color palette — #FAF2F7 · #D7D4E0 · #8EC0EE · #00968E · #303D63

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

The five colors

• Ivory (#FAF2F7): a clean, paper-quiet neutral.
• Silver (#D7D4E0): a clean, paper-quiet neutral.
• Sky (#8EC0EE): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00968E): A luminous, balanced teal — the color of sea glass.
• Navy (#303D63): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Hushed Periwinkle Workshop color palette (#FCF2F6, #D8D3DE, #86A6E4, #007D88, #2B2754)
• Turquoise Meadow color palette (#F4F6EF, #C0E7E6, #74C9F4, #30A9BC, #295045)
• Dusty Turquoise color palette (#EBF7FF, #DBDAE4, #B4ADA4, #41B1B8, #3B4A5C)
• Dusty Canyon color palette (#FBF3EE, #B0E6FB, #5990BE, #14716A, #583E54)
• Antique Cerulean color palette (#FCF2F8, #9FD6E4, #00899F, #00552F, #000E19)
• Weathered Cobalt Corridor color palette (#D6FFF8, #91E9F1, #00B2D1, #007AB4, #2D436A)
• Tempered Bloom color palette (#ECE0E9, #73ADB6, #005D7C, #002C22, #000104)
• Airy Cerulean Parlor color palette (#EBF7FF, #99E0FF, #F3A67C, #0097C3, #542D17)

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