Lagoon Courtyard color palette — #E8F8FF · #D4DAE6 · #B5A8A1 · #4C9C81 · #153343

Fern and Deep Teal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Silver (#D4DAE6): a clean, paper-quiet neutral.
• Ash (#B5A8A1): a calm mid-gray that lets other colors speak.
• Fern (#4C9C81): A luminous, balanced teal — the color of shallow lagoons.
• Deep Teal (#153343): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged pastel, 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

• Worn Market color palette (#D6FFFC, #BBE2EE, #BDB5AC, #99A45B, #1A373A)
• Worn Pine color palette (#E4F8E6, #ADE4E9, #B5A3D2, #41845E, #00281B)
• Periwinkle Bloom color palette (#F0F5FF, #EBD9E1, #B4B9AC, #61A5E0, #303554)
• Hushed Studio color palette (#E3FDED, #D4E1F6, #BFC6F3, #68B5BC, #264638)
• Patina Cypress Veranda color palette (#DEFFE7, #BBE5D2, #98AFE8, #00776A, #254535)
• Amber Balcony color palette (#FFF1F6, #DFC392, #BA783F, #7C483C, #0C271B)
• Feathered Ember color palette (#EAF7FF, #00AFD7, #D46440, #406E15, #001825)
• Denim Lagoon color palette (#EEF6FF, #FDC197, #0066AD, #00294B, #00040C)

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