Lagoon Courtyard color palette — #D1E5E1 · #009A9C · #006874 · #003A49 · #001C2A

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D1E5E1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#009A9C): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006874): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003A49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001C2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Sunlit Turquoise color palette (#D8F7F5, #00B5BE, #008C9A, #006577, #003542)
• Cerulean Hollow color palette (#CEE7EB, #009AC9, #00679A, #003669, #02104D)
• Iris Grove color palette (#DEF7FF, #9FD3FF, #909AFF, #007A78, #002338)
• Dusty Azure Meadow color palette (#C3ECFF, #01B0EA, #006C8E, #003548, #000910)
• Pale Rust Lantern color palette (#D7F6E1, #0096AE, #C04200, #005664, #2C0800)
• Dusty Mint Veranda color palette (#DDFFE8, #00D4C5, #009CA9, #005A80, #012463)
• Washed Emerald color palette (#DAE4D4, #00AF35, #006D43, #00493A, #001E1A)
• Sunlit Plum Harbor color palette (#DFEFF5, #007E9B, #AD0088, #5D5300, #001117)

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