Eclipse Canyon color palette — #CCE7CB · #006A68 · #00243B · #061311 · #000202

Built around Teal, softened by Midnight — the whole palette hums with sophistication and depth.

The five colors

• Celadon Mist (#CCE7CB): A whisper-light, dusty green — the color of fresh herbs.
• Teal (#006A68): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#00243B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#061311): a grounded near-black with real depth.
• Black (#000202): a grounded near-black with real depth.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Deep Abyss color palette (#CCE8F0, #005051, #24272E, #001016, #000202)
• Moonless Forest Corridor color palette (#EBEFDB, #00701D, #002827, #0B130D, #000300)
• Cerulean Atelier color palette (#DDF3E5, #009CB6, #405378, #163725, #020601)
• Tempered Lagoon color palette (#D4EAD8, #00B6C3, #446A93, #004B51, #0E1406)
• Hushed Periwinkle color palette (#D4EAE4, #70B0ED, #826773, #2F5149, #121B14)
• Softworn Harbor color palette (#D2F0DE, #008CA9, #A15F00, #005E72, #0C0400)
• Cocoa Thicket color palette (#F2F0DB, #6A8D6A, #197386, #633E00, #191600)
• Hushed Harbor color palette (#F4DECF, #A3843C, #5A6B00, #00554A, #090500)

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