Twilit Cocoa Canyon color palette — #D0EEDA · #5B4900 · #002F43 · #160024 · #040002

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

The five colors

• Honeydew (#D0EEDA): A whisper-light, dusty teal — the color of sea glass.
• Deep Olive (#5B4900): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002F43): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#160024): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Twilit Cocoa 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

• Inked Cocoa color palette (#FFE4ED, #693E00, #00282C, #040027, #040001)
• Shadow Abyss Villa color palette (#D7E9E6, #154800, #232B2F, #060C0E, #000201)
• Shadow Drift color palette (#EFE5D1, #5E6B00, #003C23, #0E002F, #000200)
• Midnight Grove color palette (#D1E3DD, #3F5300, #080071, #11000A, #000201)
• Ancient Basalt Harbor color palette (#DCECE5, #A0C4BB, #7B9996, #3E3F00, #000201)
• Midnight Alley color palette (#F3DBD3, #55000D, #00153D, #0E0021, #060002)
• Olive Summit color palette (#EEEBC7, #6E8300, #09520B, #00140A, #000201)
• Eclipse Aubergine Alley color palette (#C9F1F1, #006C50, #400077, #300006, #000201)

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