Eclipse Abyss color palette — #C6E8DF · #2C4700 · #003225 · #0C0026 · #030000

Deep Olive and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#C6E8DF): A whisper-light, dusty teal — the color of sea glass.
• Deep Olive (#2C4700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#003225): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0C0026): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Spruce Workshop color palette (#D2E5D4, #5D4100, #0D2F00, #000D19, #040001)
• Inked Bronze color palette (#EEDFD0, #8D6F00, #384400, #001501, #000201)
• Onyx Workshop color palette (#D0F0F8, #005F56, #003B4C, #30002B, #020100)
• Basalt Chapel color palette (#E0E7E1, #ACC0B8, #7A9995, #4C3900, #000200)
• Misty Olive color palette (#E1FCF6, #3E7600, #00465F, #4C0035, #010100)
• Garnet Balcony color palette (#F5EAF7, #590023, #001B36, #090020, #040003)
• Weathered Bloom color palette (#F4DDD8, #BF0A5E, #005483, #32008C, #050005)
• Muted Aubergine color palette (#E0FCF9, #00A25D, #006B65, #501E80, #030100)

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