Twilit Garden color palette — #DBF7E3 · #A50036 · #3C2E00 · #00153D · #1A0400
Garnet and Midnight set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DBF7E3): A whisper-light, dusty teal — the color of glacier melt.
- Garnet (#A50036): A full-bodied, vivid red — the color of embers at dusk.
- Espresso (#3C2E00): A deep, shadowed, dusty green — the color of fresh herbs.
- Midnight (#00153D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#1A0400): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, Optimism, Depth. Tagged retro, dark.
Use it as a design system
One click turns Twilit Garden 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
- Obsidian Balcony color palette (#CCF3E3, #98007A, #4C2300, #001C28, #1E0007)
- Moonless Terracotta color palette (#F1EADC, #8C3700, #3D2B00, #00181D, #040100)
- Terracotta Parlor color palette (#FBE3CE, #8C3D00, #273600, #1B004B, #120900)
- Eclipse Garnet Thicket color palette (#F4DFF2, #8E001A, #003134, #00034A, #000129)
- Ancient Rust Chapel color palette (#EFE3CD, #B84B00, #5F4600, #00313B, #160700)
- Soft Peony Courtyard color palette (#FFE4F0, #E549A4, #A44C00, #215200, #100A00)
- Bronze Market color palette (#F6DEE7, #A45E20, #3A4F02, #2F2350, #1C0D3C)
- Weathered Scarlet Quarry color palette (#FCE0B4, #E41E33, #5E5200, #2008A3, #431C00)
Browse the whole catalog at Explore, or see today's palette.