Twilit Basalt color palette — #F9EBD9 · #533600 · #002515 · #000A17 · #050004

Built around Cocoa, softened by Onyx — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F9EBD9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cocoa (#533600): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#002515): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, 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

• Spruce Lantern color palette (#FBECD1, #414C46, #3A2C00, #171E17, #040500)
• Smoked Garnet Station color palette (#F6E3DB, #770209, #192200, #000B10, #040007)
• Obsidian Fern color palette (#F4EED5, #3C6C00, #003515, #2C0A00, #070600)
• Fern Bloom color palette (#F7E5CB, #676600, #2A4C1F, #0A1D3C, #100526)
• Rust Canyon color palette (#E9DDCD, #C15E00, #7A5C00, #2C4000, #070500)
• Velvet Chestnut Canyon color palette (#CFE7CF, #784E00, #004049, #00183F, #040006)
• Navy Field color palette (#EFE7DA, #4987B1, #003B78, #002128, #03002E)
• Misty Onyx Field color palette (#E9E6D3, #515F00, #003F45, #270055, #2A0003)

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