Twilit Basalt color palette — #F2E5D8 · #553300 · #293027 · #0B0A04 · #010100

Cocoa and Parchment set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F2E5D8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cocoa (#553300): A deep, shadowed, dusty gold — the color of old brass.
• Deep Forest (#293027): quiet, heavy and certain.
• Ink (#0B0A04): quiet, heavy and certain.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Weathered Moss color palette (#FCF5E0, #998C00, #323A00, #150E00, #020100)
• Midnight Basin color palette (#E3DFCD, #5F6600, #2B3636, #00180C, #020100)
• Timeworn Moss color palette (#F8F6E3, #86AF00, #3F4B35, #201F11, #070502)
• Grape Market color palette (#E7DFCB, #786C00, #5D31B1, #312C00, #020008)
• Worn Mint Boulevard color palette (#F3F7EA, #55C88C, #485A4C, #292D22, #10100B)
• Hushed Harbor color palette (#F5E7D2, #6C8629, #00482A, #280C35, #010100)
• Wandering Emerald Thicket color palette (#ECF3CA, #009833, #575861, #003332, #070800)
• Wandering Fern color palette (#D7E4D0, #525A60, #2B5B00, #101A17, #000706)

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