Midnight Onyx color palette — #CCECEA · #004D21 · #002837 · #040045 · #030004

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

The five colors

• Honeydew (#CCECEA): A whisper-light, dusty teal — the color of shallow lagoons.
• Forest (#004D21): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#002837): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#040045): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Fern Chapel color palette (#E0F3ED, #384B00, #002728, #00101C, #010009)
• Obsidian Navy color palette (#E0F4F8, #003F3C, #010361, #120022, #040002)
• Aubergine Orchard color palette (#EBE6FD, #680067, #002D34, #001125, #020008)
• Inked Onyx Basin color palette (#FCDEE9, #754300, #003638, #240035, #020100)
• Basalt Cabin color palette (#CFECE1, #5C5151, #333B00, #191C23, #030800)
• Shadow Cabin color palette (#F5EECD, #6C6D00, #334000, #0B1700, #000300)
• Lowlit Garnet color palette (#F6E6F6, #7E0022, #002052, #170033, #040002)
• Aubergine Ridge color palette (#D5EEFD, #00576C, #3B0072, #350027, #030003)

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