Abyss Lantern color palette — #F2EADE · #648262 · #00444C · #002016 · #000202

A conversation between Deep Teal and Fern, giving this palette its sense of nature and growth.

The five colors

• Cream (#F2EADE): bright and airy, almost weightless.
• Fern (#648262): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Teal (#00444C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#002016): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

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

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

• Wandering Abyss Boulevard color palette (#F0E6D6, #589698, #005361, #002D23, #000509)
• Navy Ridge color palette (#EBE5DC, #4B7EA3, #003979, #001E25, #00000C)
• Tempered Petrol Quarry color palette (#EDE8E0, #9BBDA7, #00759C, #004B48, #00172B)
• Fern Harbor color palette (#FAEECB, #4B5910, #2E2B00, #140D00, #000200)
• Linen Meadow color palette (#EAE3D7, #70A3C4, #0159A1, #003841, #020033)
• Aubergine Delta color palette (#FFE2E8, #A77991, #AD373E, #430073, #050003)
• Inked Aubergine color palette (#EFD7DD, #6A2B7E, #094907, #320041, #000200)
• Lowlit Aubergine Coast color palette (#F2D7F4, #61006A, #402E00, #00292C, #030004)

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