Lagoon Courtyard color palette — #FCF3F0 · #C5DEE2 · #A9C5F0 · #6F9F7B · #594659

Moss takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Silver (#C5DEE2): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A9C5F0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Moss (#6F9F7B): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#594659): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Timeworn Teal color palette (#F1F7F2, #D3E1F0, #99D1DE, #5DB59C, #36576B)
• Timeworn Teal color palette (#F3F8E7, #BDF5CF, #D8BFF1, #6DAA82, #5D3A47)
• Turquoise Market color palette (#F8F3F8, #D2E2F2, #51A5C6, #4D7B57, #465465)
• Gentle Studio color palette (#FFF2EB, #C1E9F7, #61B5FF, #008B6E, #282D67)
• Patina Denim Pier color palette (#F6E9E3, #5FB0BC, #005C82, #002D1A, #00000B)
• Muted Mint Balcony color palette (#FFF4E1, #CAF4C7, #96BF83, #4D8D6C, #3D5033)
• Hushed Mint Grove color palette (#EFFBD8, #C1EDE9, #88C2A1, #447150, #2D2F28)
• Softworn Fern Dune color palette (#F5F7E8, #C9E9DA, #B8C3E1, #CDBD9B, #465915)

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