Abyss Lagoon color palette — #E5F2E9 · #C3D5CD · #89A9D0 · #005766 · #000401

Peacock and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E5F2E9): a clean, paper-quiet neutral.
• Oat (#C3D5CD): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#89A9D0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005766): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Muted Navy color palette (#D9E1DF, #C3B6C0, #8F8CB7, #003E69, #000201)
• Antique Abyss color palette (#E2EEF4, #9DACB5, #67839A, #003F4C, #001722)
• Azure Balcony color palette (#CBECFE, #7092CA, #5D5188, #4D1D00, #110900)
• Tempered Nightshade Thicket color palette (#F3EBF2, #E0C8D6, #BF9AA8, #0D42AB, #060106)
• Hushed Emerald Atelier color palette (#E3E2CF, #5F9F64, #005C40, #003233, #000200)
• Midnight Denim Corridor color palette (#C8EFE2, #00527F, #071013, #010023, #000103)
• Grape Coast color palette (#FCF2F7, #EDD4CF, #DBADB2, #6349AF, #16070F)
• Pale Navy Cabin color palette (#EADFC8, #0083A1, #00369E, #3A0200, #000103)

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