Twilit Onyx color palette — #DDF8E2 · #624800 · #003D29 · #3A0013 · #040002
Onyx takes the lead with Bronze close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Honeydew (#DDF8E2): A whisper-light, dusty teal — the color of glacier melt.
- Bronze (#624800): A full-bodied, balanced gold — the color of old brass.
- Forest (#003D29): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#3A0013): A deep, shadowed, balanced red — the color of embers at dusk.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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
- Lowlit Cocoa Balcony color palette (#FFE7F5, #742900, #253400, #29002B, #030004)
- Nocturne Ridge color palette (#D9F5F1, #015812, #003542, #271300, #010100)
- Moonless Onyx color palette (#ECE3CF, #4D4900, #002E50, #30003B, #100300)
- Patina Olive color palette (#EEF1CC, #427400, #004826, #00222E, #010800)
- Hushed Cocoa color palette (#DEF8F9, #008261, #833900, #453500, #000B08)
- Hushed Denim Garden color palette (#CFFCFF, #008168, #005793, #473900, #00100D)
- Deep Aubergine color palette (#F3DDE8, #753200, #360083, #2D002A, #040000)
- Fern Market color palette (#D9E7E2, #A1B9B4, #729691, #3B4B00, #000E0A)
Browse the whole catalog at Explore, or see today's palette.