Midnight Veranda color palette — #CCE6D9 · #506625 · #023506 · #2A002C · #040700

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

The five colors

• Celadon Mist (#CCE6D9): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#506625): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#023506): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#2A002C): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#040700): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged botanical, earthy, muted, dark.

Use it as a design system

One click turns Midnight Veranda 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

• Obsidian Onyx color palette (#D4E8E4, #206D48, #00332A, #100942, #000803)
• Olive Harbor color palette (#CDE7D8, #61751F, #0F4400, #460500, #0C1200)
• Softworn Garden color palette (#EBE1D1, #667F2E, #005333, #381A50, #040700)
• Lowlit Lagoon color palette (#FAE9F1, #632F00, #003D31, #2C0060, #040100)
• Chestnut Summit color palette (#F9EADF, #975000, #452200, #15180F, #110500)
• Timeworn Orchard color palette (#F9DFEC, #AE8F64, #747400, #630105, #1C0D00)
• Weathered Abyss color palette (#E4EFE6, #5F869C, #004161, #002223, #00091A)
• Inked Cocoa color palette (#FFE0F1, #843600, #00445F, #391300, #00070D)

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