Abyss Drift color palette — #F5E4EF · #3E8396 · #004062 · #00201B · #000109

Built around Navy, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Blush (#F5E4EF): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#3E8396): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#004062): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#00201B): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000109): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Timeworn Navy Boulevard color palette (#ECE1E4, #557CA0, #182599, #001E24, #020009)
• Washed Denim Harbor color palette (#EEF0E2, #6DADC0, #005D79, #002B2F, #000103)
• Sapphire Study color palette (#F3E5EA, #8DB9DA, #3665C5, #004A51, #140F34)
• Ancient Cerulean color palette (#F7EFF5, #95D5D1, #008BA0, #115E36, #012338)
• Hushed Cornflower color palette (#FDEDF4, #96DAFB, #0084E7, #006261, #1A2147)
• Garnet Alley color palette (#F0DEE8, #6B0050, #003C20, #002926, #040002)
• Ash Grove color palette (#F7EFF2, #DAD0E2, #879BCD, #3C757E, #303549)
• Lowlit Chestnut Grove color palette (#F7D8E8, #724800, #461C00, #240002, #020100)

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