Lagoon Balcony color palette — #E4F0F1 · #3A9677 · #20404E · #0E2223 · #070E0C

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

The five colors

• Cream (#E4F0F1): a clean, paper-quiet neutral.
• Fern (#3A9677): A luminous, balanced teal — the color of shallow lagoons.
• Deep Teal (#20404E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#0E2223): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#070E0C): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Cypress Boulevard color palette (#CFE5EB, #007B76, #002D44, #001318, #000504)
• Washed Jade Harbor color palette (#ECF5E4, #00B68E, #4A5E52, #353A30, #22221B)
• Timeworn Amber Thicket color palette (#DEF7FE, #45AFAC, #BD7C48, #996E4D, #142B31)
• Lagoon Lantern color palette (#ECF4F0, #A7CCC7, #499283, #4D695B, #213533)
• Turquoise Ridge color palette (#F5F0F5, #D2D3E9, #68A5C3, #4A7759, #29374A)
• Worn Balcony color palette (#E8F4FB, #73BFDE, #D67D93, #257C9C, #3C2842)
• Tempered Veranda color palette (#E4F8EB, #B1D3D1, #7EA1B4, #735A69, #4E3A45)
• Inked Harbor color palette (#D9E4F2, #0056B6, #290B43, #00071A, #000103)

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