Abyss Garden color palette — #E4EFFF · #D0DECD · #89ABB3 · #394B60 · #22272E

A conversation between Charcoal and Blue Fog, giving this palette its sense of sophistication.

The five colors

• Frost (#E4EFFF): A whisper-light, dusty blue — the color of open sky before noon.
• Bone (#D0DECD): A whisper-light, dusty green — the color of new leaves after rain.
• Blue Fog (#89ABB3): A luminous, dusty blue — the color of open sky before noon.
• Charcoal (#394B60): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#22272E): a grounded near-black with real depth.

Feels like: Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Abyss Garden 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 Cerulean color palette (#F0F5FD, #B8E4F0, #7385B1, #374569, #141B27)
• Hushed Mallow color palette (#CFEDF5, #FFAEE0, #B1B2FF, #2D313D, #14171E)
• Ancient Lilac color palette (#F4F5FB, #DDD8DD, #BAB4AA, #B6A3DC, #4C4D54)
• Emerald Thicket color palette (#F1F5FF, #BCBDF3, #DC9D82, #678F4E, #2C3141)
• Antique Celadon color palette (#C5F79E, #FFBDBF, #71C9FF, #3B4D4F, #2D3632)
• Weathered Orchard color palette (#F5F4FE, #D0A7DA, #B87A64, #4B783F, #1D2635)
• Washed Grove color palette (#F2F5FB, #DDD9E3, #DE97A6, #7F94E7, #231B25)
• Worn Glacier Balcony color palette (#77FDFE, #FFC9F1, #C2D3FF, #6F5C6B, #393037)

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