Lagoon Courtyard color palette — #FBF3F0 · #C4E0E7 · #81B9DB · #5B9576 · #5D4C5B

Fern and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C4E0E7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#81B9DB): A luminous, dusty blue — the color of open sky before noon.
• Fern (#5B9576): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#5D4C5B): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Patina Ash color palette (#F0F8F1, #D2E0F3, #68A3B7, #48777F, #415565)
• Antique Coral color palette (#EBF9EF, #7CD4E5, #F09589, #2B9CAF, #534B48)
• Faded Chapel color palette (#FEF3EB, #ACE4FE, #599CF7, #008474, #3C3A63)
• Apricot Delta color palette (#EEF9E9, #69C5B1, #E6895B, #AC8D58, #3B4635)
• Softworn Market color palette (#F6E6DE, #579EB0, #005C93, #003D2D, #04002C)
• Pine Courtyard color palette (#FCF3F0, #C3DDC0, #17A6C6, #3B7D39, #13443A)
• Timeworn Grove color palette (#F3E8E4, #6FC1C4, #0080A6, #005D2B, #001E45)
• Feathered Cornflower color palette (#F4EDE7, #9CCBE9, #5A82DD, #006C67, #302452)

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