Lagoon Courtyard color palette — #F3F6F0 · #D2DEDC · #A7ACBA · #568F7D · #50544D

Fern takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D2DEDC): a clean, paper-quiet neutral.
• Ash (#A7ACBA): A luminous, dusty violet — the color of twilight just after sunset.
• Fern (#568F7D): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#50544D): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Lagoon Boulevard color palette (#EAF4F6, #D0D9E2, #AFADBC, #5E8B92, #303839)
• Tempered Abyss Harbor color palette (#EEF7F8, #D5DBE3, #B2AFB7, #686058, #444E55)
• Aged Cocoa Thicket color palette (#FCF3EB, #CCC0A2, #6E8B5C, #5A6B5A, #614900)
• Aged Teal Balcony color palette (#FFF2EC, #71B999, #437EA5, #7A4B41, #3D4D3C)
• Aged Abyss color palette (#DAE3DE, #C3B3C1, #9486AE, #004C61, #12241B)
• Patina Spruce color palette (#E1E8DF, #8F9E95, #80677F, #00332D, #040C02)
• Hushed Bronze Corridor color palette (#F7F6E5, #B0C7AD, #9C899D, #8E6B27, #535603)
• Hushed Plum Basin color palette (#F3F7EC, #61AA7E, #9B5484, #72482A, #403E37)

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