Lagoon Alley color palette — #FAF2FA · #D3D4E4 · #7FC6E5 · #559266 · #28415E

Built around Fern, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Silver (#D3D4E4): A whisper-light, dusty violet — the color of wild irises.
• Sky (#7FC6E5): A luminous, balanced blue — the color of open sky before noon.
• Fern (#559266): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#28415E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Cypress Archive color palette (#FDF1F9, #D5D4E1, #68ADE4, #098262, #222B52)
• Softworn Powder Pier color palette (#FBF2F6, #D8D4DF, #C3BEEC, #659F96, #464C62)
• Softworn Teal Orchard color palette (#F8F5EF, #C8E4DD, #83CADB, #13B192, #2A5141)
• Teal Boulevard color palette (#F4F4FF, #D5A6E8, #5CC099, #5BA285, #2B273F)
• Cerulean Quarry color palette (#FCF3F0, #C8E6CA, #0A98C2, #2F7243, #553F56)
• Dusty Cobalt color palette (#FEF1F8, #9BD6EE, #417CC2, #005346, #0C0032)
• Patina Petrol color palette (#F8E9F4, #7DC4CF, #006F9F, #004028, #000016)
• Washed Nightshade color palette (#FDE7EE, #6EA9D4, #3249AC, #002B2B, #020007)

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