Twilit Onyx color palette — #D8F4E4 · #4F4500 · #003349 · #330027 · #000201

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

The five colors

• Honeydew (#D8F4E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#4F4500): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Teal (#003349): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#330027): A deep, shadowed, balanced pink — the color of peonies in June.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Cocoa Courtyard color palette (#F1DDE6, #763600, #003447, #360031, #030100)
• Moonless Fern color palette (#CDEFE1, #4A5100, #003633, #390400, #000B02)
• Smoked Navy Terrace color palette (#DCF2E3, #534300, #002281, #380010, #000201)
• Worn Lantern color palette (#FAE7F0, #5F6D00, #00463A, #390030, #010800)
• Smoked Onyx color palette (#D5EDEE, #003E2A, #190056, #1C0000, #000200)
• Olive Terrace color palette (#F2EAC8, #5B7E00, #005924, #002A22, #000506)
• Washed Quarry color palette (#EEE4CD, #666600, #5F28A0, #3F196C, #0F0100)
• Fern Cabin color palette (#E4EDEA, #9EBAB7, #69969C, #3F4A00, #000E09)

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