Lagoon Courtyard color palette — #FBF2F8 · #C4EDF7 · #6DB1BF · #4D8A63 · #2A4C63

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

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Frost (#C4EDF7): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#6DB1BF): A luminous, dusty blue — the color of open sky before noon.
• Fern (#4D8A63): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#2A4C63): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Ancient Study color palette (#FAF3F7, #D8D5E5, #95B5D3, #52948D, #43536D)
• Softworn Aqua Summit color palette (#FBF3EF, #BEE4E8, #4FCEE6, #4F9367, #22483A)
• Aged Cypress color palette (#F6F6EE, #CDE4CA, #3D9A9D, #007360, #135158)
• Periwinkle Pier color palette (#FEF1F5, #BFDFFE, #7C98E3, #008090, #3F356D)
• Aged Coral color palette (#E5F9FF, #64CBC8, #E48687, #009391, #613334)
• Teal Dune color palette (#C9FBD8, #74D4B1, #08ACA1, #007888, #155166)
• Ancient Pier color palette (#F5E8F1, #69AFB5, #00718F, #004C36, #001528)
• Bronze Thicket color palette (#E7F9FF, #40B7C3, #D17D80, #B06F32, #1A3D49)

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