Twilit Garnet color palette — #DFE6CD · #005C30 · #690057 · #002610 · #040002
Mulberry takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#DFE6CD): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#005C30): A full-bodied, balanced teal — the color of shallow lagoons.
- Mulberry (#690057): A deep, shadowed, balanced pink — the color of peonies in June.
- Deep Forest (#002610): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged dark.
Use it as a design system
One click turns Twilit 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
- Nocturne Bloom color palette (#E8E6D4, #435400, #560080, #1A2200, #020006)
- Aubergine Thicket color palette (#D2E5E4, #238F53, #7A0077, #004422, #10000F)
- Midnight Garnet Lantern color palette (#E4F3E6, #00575D, #740303, #002426, #040000)
- Midnight Ridge color palette (#E5F4E5, #705300, #33363E, #001819, #000202)
- Aubergine Boulevard color palette (#D8F2E3, #00482D, #2C008B, #401100, #000201)
- Soft Mulberry color palette (#E3F3E4, #007A7E, #A60030, #003F41, #180002)
- Obsidian Cypress Hollow color palette (#CAEBDE, #00735B, #003625, #0F171B, #000905)
- Lowlit Courtyard color palette (#FAE3D7, #7000E0, #005F5A, #040A0C, #000200)
Browse the whole catalog at Explore, or see today's palette.