Lagoon Boulevard color palette — #E4F0F3 · #00968F · #223F50 · #122124 · #070E0E

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

The five colors

• Cream (#E4F0F3): a clean, paper-quiet neutral.
• Fern (#00968F): A luminous, balanced teal — the color of glacier melt.
• Deep Teal (#223F50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#122124): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#070E0E): quiet, heavy and certain.

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

Use it as a design system

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

• Velvet Lagoon color palette (#D1F1FF, #007989, #002B4C, #00131B, #000406)
• Teal Archive color palette (#EAF6E8, #00B2AC, #4A5D54, #333B32, #20231C)
• Ancient Amber color palette (#E3F5FF, #5BA8C1, #C47561, #917340, #192A33)
• Lagoon Workshop color palette (#E8F5F2, #A5CCCD, #40928E, #456A63, #213536)
• Tempered Azure Archive color palette (#F6F0F3, #D5D1E5, #6CA2CE, #2B7971, #2B3748)
• Softworn Amber Hollow color palette (#E9F4FA, #78BFD8, #D68651, #007E9D, #442636)
• Shadow Lapis color palette (#D9E1F1, #4A13F2, #2E083E, #01051E, #000104)
• Nocturne Nightshade color palette (#DBE9FF, #0B00A8, #321821, #0B001B, #000103)

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