Twilit Onyx color palette — #F5ECDE · #735100 · #003862 · #31002C · #0A0008
A conversation between Deep Indigo and Coffee, giving this palette its sense of trust and stability.
The five colors
- Cream (#F5ECDE): A whisper-light, dusty gold — the color of old brass.
- Coffee (#735100): A full-bodied, balanced gold — the color of old brass.
- Navy (#003862): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#31002C): A deep, shadowed, balanced pink — the color of peonies in June.
- Ink (#0A0008): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication, Depth. Tagged 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
- Inked Terracotta Chapel color palette (#F3E0D4, #943400, #003E46, #29003F, #07000F)
- Charred Nightshade color palette (#F6EED4, #5F5B00, #2D009A, #340026, #0B0006)
- Powdered Garnet color palette (#D3EBDA, #8D7100, #005C74, #5E0040, #270018)
- Fern Ridge color palette (#F1EFD1, #364C00, #18211E, #00120D, #020100)
- Onyx Delta color palette (#DDE1CF, #00491F, #320041, #171609, #170004)
- Tempered Fern Villa color palette (#DEE0CE, #176A08, #00403D, #002234, #191000)
- Aubergine Corridor color palette (#D6FDED, #788200, #00595C, #230766, #060001)
- Timeworn Olive Boulevard color palette (#EFF0DA, #3D8900, #005A3A, #002F28, #000B0C)
Browse the whole catalog at Explore, or see today's palette.