Lagoon Garden color palette — #FDF1F9 · #BBE8FE · #7FBADF · #3D9E8D · #233A5F

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Powder Blue (#BBE8FE): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#7FBADF): A luminous, balanced blue — the color of deep harbor water.
• Fern (#3D9E8D): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#233A5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Lagoon Garden 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

• Periwinkle Basin color palette (#F9EAEF, #B6D7F5, #7EA3EF, #008F9C, #2B2458)
• Teal Hollow color palette (#EAF7FF, #DAD7EF, #E4B9DD, #56BAB0, #294255)
• Dusty Aqua color palette (#CBF7EC, #20D3D7, #00B1CC, #0085AE, #173B5E)
• Muted Turquoise Archive color palette (#F5F7EA, #BFDDCA, #46A2C2, #007B82, #174434)
• Aged Courtyard color palette (#C7EBFE, #2BC0E6, #EF8167, #C68548, #0D2F3F)
• Tempered Cobalt Garden color palette (#F8EAF2, #64ACC4, #007ABE, #005E57, #01022B)
• Aqua Quarry color palette (#DDF2FE, #4DD1F6, #EF9679, #00A1C4, #5B200A)
• Wandering Cobalt Summit color palette (#F7F0EC, #AED1BB, #1C85B9, #005D50, #0B203F)

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