Twilit Basalt color palette — #CFE5DA · #3F3E00 · #002327 · #0D001E · #040000

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

The five colors

• Silver (#CFE5DA): A whisper-light, dusty teal — the color of sea glass.
• Deep Olive (#3F3E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Midnight (#002327): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0D001E): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Inked Cocoa color palette (#F3E4E9, #592F00, #00260D, #000913, #030003)
• Eclipse Spruce color palette (#D2E5DE, #393F47, #232F00, #0D1418, #000300)
• Fern Courtyard color palette (#E2ECD6, #225D00, #003716, #00190E, #000201)
• Onyx Thicket color palette (#ECEFCD, #45653B, #004438, #1C0F39, #0C000D)
• Muted Abyss Veranda color palette (#E5F4E8, #4A828F, #004258, #001F1D, #000104)
• Lowlit Navy Orchard color palette (#D6E9EB, #005647, #002365, #240017, #020100)
• Navy Coast color palette (#D3F9EF, #406000, #0C1778, #01002A, #040001)
• Timeworn Olive color palette (#DCF5EB, #976E00, #596C00, #004827, #010200)

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