Eclipse Onyx Canyon color palette — #DCE1D1 · #005931 · #003D25 · #270047 · #010100

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

The five colors

• Bone (#DCE1D1): A whisper-light, dusty green — the color of a quiet forest floor.
• Deep Olive (#005931): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#003D25): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#270047): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#010100): a grounded near-black with real depth.

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

Use it as a design system

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

• Abyss Garden color palette (#DDE4CB, #004D24, #00282D, #270016, #000200)
• Chestnut Coast color palette (#F8E2DB, #766300, #004737, #3A002D, #040600)
• Navy Loft color palette (#EFEDDB, #3F5200, #123700, #020067, #020100)
• Softworn Forest color palette (#FBE1C4, #837700, #0F5206, #00241D, #000507)
• Dusty Garnet color palette (#E3EBD3, #006E3F, #004E60, #580028, #000702)
• Fern Lantern color palette (#E8E6DD, #B2B5A7, #7E9579, #454800, #0F0A00)
• Frosted Onyx color palette (#E0FEEE, #786B00, #004979, #3C004A, #030000)
• Frosted Nightshade color palette (#DFEDE0, #006A6F, #2C16A4, #3E1500, #000506)

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