Twilit Onyx color palette — #E4E3D1 · #1D6C51 · #003234 · #2D0023 · #000804

Deep Indigo and Pine set the tone — five colors that lean into creativity and sophistication.

The five colors

• Parchment (#E4E3D1): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#1D6C51): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#003234): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#2D0023): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#000804): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Onyx Summit color palette (#F8ECDD, #5A6323, #003515, #1C0043, #050700)
• Pine Lantern color palette (#DFE3CC, #008A5F, #005147, #520826, #000804)
• Eclipse Navy color palette (#EDE1CC, #644E00, #003A84, #2A1F00, #000516)
• Timeworn Abyss color palette (#F7E7E2, #4D8C91, #00425A, #00240F, #00081F)
• Pale Harbor color palette (#F4DDC0, #85A35F, #00766E, #5B0201, #090C00)
• Muted Orchard color palette (#CAEDE2, #00A16E, #007072, #643752, #000808)
• Lowlit Orchard color palette (#E6E1CB, #4B3E00, #071397, #290054, #020200)
• Terracotta Hollow color palette (#FFDFDC, #984300, #442900, #1C1700, #000903)

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