Abyss Field color palette — #F0E5ED · #368593 · #004061 · #002014 · #00000C

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

The five colors

• Blush (#F0E5ED): bright and airy, almost weightless.
• Cerulean (#368593): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#004061): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#002014): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Navy Archive color palette (#F4E2E8, #437EAA, #212990, #001F1F, #020007)
• Deep Villa color palette (#D1EDFF, #006687, #003142, #000C13, #000102)
• Byzantium Delta color palette (#D0EEFA, #5690BF, #9047B4, #003925, #000409)
• Muted Turquoise Delta color palette (#F2E9DA, #55B1C2, #005E79, #002C28, #000103)
• Twilit Cocoa color palette (#C9EFFC, #00575D, #612900, #002426, #030100)
• Sapphire Coast color palette (#F1E5EA, #86BCD6, #1965D1, #004C44, #150E32)
• Washed Lagoon color palette (#F7EFF6, #B9E4F5, #5096BE, #1B6F4A, #1D2C43)
• Twilit Fern Cabin color palette (#D9E8D8, #5E5200, #3C2300, #210300, #010100)

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