Lagoon Basin color palette — #EAF9F5 · #8FC1AA · #009297 · #825269 · #1D3B3C

Cerulean and Graphite set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#EAF9F5): a clean, paper-quiet neutral.
• Mint Leaf (#8FC1AA): A luminous, dusty teal — the color of sea glass.
• Cerulean (#009297): A full-bodied, balanced teal — the color of glacier melt.
• Graphite (#825269): A full-bodied, dusty rose — the color of a warm blush.
• Deep Teal (#1D3B3C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Lagoon Bloom color palette (#F5F7E2, #A0E0C6, #389B99, #7F536C, #212C13)
• Emerald Harbor color palette (#EFF8F0, #AEBC7F, #3D945F, #605F81, #1D3C33)
• Mint Harbor color palette (#D7F3E6, #73C07D, #008B7C, #843C74, #113718)
• Aged Teal Coast color palette (#F4F8E3, #4EB08D, #007369, #654038, #333730)
• Teal Garden color palette (#EEF8F4, #AEDBDB, #63A9A9, #857691, #3D5252)
• Dusty Teal color palette (#E9F9F8, #A0D8C0, #5DB29E, #9A7F54, #023E41)
• Hushed Market color palette (#DCE9DC, #A4AB6B, #008932, #734D05, #003223)
• Hushed Study color palette (#FFF1F6, #C8BE63, #4C9D1C, #8E5C26, #413C10)

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