Nocturne Garnet color palette — #F9D6D7 · #940015 · #590800 · #210300 · #040100
Built around Garnet, softened by Espresso — the whole palette hums with warmth and comfort.
The five colors
- Shell Pink (#F9D6D7): A whisper-light, dusty red — the color of a theater curtain.
- Garnet (#940015): A full-bodied, vivid orange — the color of toasted spice.
- Espresso (#590800): A deep, shadowed, balanced orange — the color of autumn markets.
- Ink (#210300): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Black (#040100): quiet, heavy and certain.
Feels like: Warmth, Comfort, Depth, Luxury. Tagged dark, warm.
Use it as a design system
One click turns Nocturne Garnet 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
- Moonless Brick Grove color palette (#FDE8EB, #B41039, #630301, #290900, #080500)
- Cocoa Grove color palette (#EFDCD3, #813F00, #462400, #1C0E00, #030100)
- Cocoa Veranda color palette (#F5E3DC, #822C00, #174800, #390E00, #000200)
- Muted Studio color palette (#F6E8E0, #AE7841, #805B00, #5D1A00, #050002)
- Gentle Cabin color palette (#FFEBE5, #C95100, #873D00, #532A00, #221000)
- Nocturne Lantern color palette (#FCE1FB, #8C007F, #570040, #230014, #060002)
- Pale Ember color palette (#F2DEDC, #FC5326, #AE4000, #773100, #411D00)
- Aged Forest color palette (#D0F5FF, #00722D, #635000, #09100B, #000201)
Browse the whole catalog at Explore, or see today's palette.