Twilit Onyx color palette — #D3E7DB · #645900 · #003C5C · #2F0036 · #060002

Deep Indigo takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D3E7DB): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#645900): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003C5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#2F0036): A deep, shadowed, balanced pink — the color of peonies in June.
• Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged dark, muted.

Use it as a design system

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

• Eclipse Onyx color palette (#DBEBDC, #764F00, #00404B, #100059, #050005)
• Midnight Navy Harbor color palette (#CFF0E9, #2A6900, #172292, #350024, #060001)
• Deep Fern Archive color palette (#DCEEE8, #374E00, #1B2027, #001209, #000202)
• Shadow Basalt color palette (#E3F0E5, #503800, #001E3D, #241506, #160014)
• Weathered Orchard color palette (#EDE4C4, #598447, #0F5A59, #48273E, #25021D)
• Timeworn Olive Bloom color palette (#DEE7CC, #337A00, #00572C, #003128, #000D0D)
• Gentle Terrace color palette (#FFE4D8, #CC2B22, #00645C, #62004B, #070000)
• Powdered Olive Lagoon color palette (#C6E7DF, #508600, #005397, #640022, #270400)

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