Abyss Lagoon color palette — #F9E9E3 · #528B90 · #00425B · #002410 · #000720

Built around Navy, softened by Storm Blue — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F9E9E3): bright and airy, almost weightless.
• Storm Blue (#528B90): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#00425B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#002410): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000720): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Hushed Navy Harbor color palette (#F2E3D6, #4789AA, #0B3683, #00231F, #0B0026)
• Denim Delta color palette (#F5EEE2, #53A0A6, #006376, #003C32, #000B13)
• Ancient Pewter color palette (#D2E9E9, #56A4DB, #7F519A, #003D1D, #000F15)
• Ancient Petrol Terrace color palette (#F5E7F4, #62AFB4, #007FA9, #006133, #00081F)
• Hazy Nightshade Station color palette (#ECE3D9, #6FA5D0, #3E4DA5, #003E3F, #271042)
• Garnet Balcony color palette (#DDEBDE, #005D5F, #721900, #002627, #120100)
• Dusty Station color palette (#F5EDE7, #7CBCD2, #2D6BA7, #005142, #25265B)
• Obsidian Chestnut Loft color palette (#F7E1CD, #6E5600, #432200, #290001, #030400)

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