Lagoon Pier color palette — #D3E6E3 · #2D8691 · #00434F · #001F1F · #000202

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

The five colors

• Silver (#D3E6E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2D8691): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00434F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001F1F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000202): a grounded near-black with real depth.

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

Use it as a design system

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

• Aged Bloom color palette (#D3E5E5, #4F7CA7, #00397A, #001D2C, #00000C)
• Timeworn Balcony color palette (#ECEDDE, #29A4B2, #006374, #003B3A, #000B11)
• Washed Loft color palette (#DFECEB, #7ABEDD, #0073A5, #004957, #00172B)
• Cellar Fern Lantern color palette (#E5F0D9, #276300, #00380A, #001707, #000201)
• Smoked Forest Drift color palette (#C8EAE7, #005D25, #602900, #00260B, #030100)
• Dusty Coast color palette (#E3F7F4, #A1DAEB, #0090B7, #006168, #00293B)
• Abyss Alley color palette (#DDF5F5, #00482A, #003747, #2C2200, #000201)
• Twilit Boulevard color palette (#DAECDB, #674E00, #392600, #180B00, #020100)

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