Abyss Lantern color palette — #E5EBF0 · #B1BAC5 · #868DA6 · #004B65 · #0E222E

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

The five colors

• Frost (#E5EBF0): bright and airy, almost weightless.
• Ash (#B1BAC5): a calm mid-gray that lets other colors speak.
• Slate Blue (#868DA6): A luminous, dusty violet — the color of twilight just after sunset.
• Navy (#004B65): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#0E222E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Abyss Lantern 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 Ridge color palette (#E4E9EF, #A3A9B8, #7C7C9A, #003869, #031427)
• Patina Petrol Parlor color palette (#E1E9EF, #B6C6D6, #92A6C2, #006895, #15212A)
• Aubergine Courtyard color palette (#EDEEF5, #CECAD6, #AA9AAE, #6A3893, #2C2C3A)
• Ultramarine Study color palette (#EFF6FF, #CCD1E7, #A7A2BE, #194EC4, #23334B)
• Antique Meadow color palette (#DAE8E1, #D3BEC5, #C4A1A2, #3A8BAB, #15231D)
• Petrol Atelier color palette (#F0F6FB, #DAD9E2, #C3BCC9, #417AA2, #3E4952)
• Patina Boulevard color palette (#D8F0F4, #6182A3, #594872, #393900, #003218)
• Lagoon Archive color palette (#D8EBE6, #478A64, #005048, #003346, #002210)

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