Twilit Ridge color palette — #DFDBF4 · #6800DE · #2B0646 · #22190D · #14010B

Violet and Deep Indigo set the tone — five colors that lean into creativity and energy.

The five colors

• Thistle (#DFDBF4): A whisper-light, dusty violet — the color of wild irises.
• Violet (#6800DE): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#2B0646): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#22190D): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#14010B): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

Use it as a design system

One click turns Twilit Ridge 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

• Grape Bloom color palette (#E6EAFA, #6414DA, #2E0B3C, #070925, #02000A)
• Dusty Corridor color palette (#E9E8FF, #7A47FF, #502747, #2C0E20, #0E0310)
• Obsidian Workshop color palette (#F2E2F3, #9100A0, #241F0F, #340A2C, #160105)
• Faded Raspberry Thicket color palette (#FAE2F3, #BF00A6, #A83D00, #2A34CB, #1F001A)
• Lowlit Ultramarine Loft color palette (#DBE6F7, #0052C1, #12154B, #120112, #000201)
• Radiant Orchid Balcony color palette (#EDE4FC, #B939FF, #9500B9, #5A0064, #30002D)
• Patina Violet color palette (#F8E9EE, #9469CC, #48353A, #261B1F, #100B0D)
• Pale Magenta Hollow color palette (#F3E5F2, #D717D5, #A25F00, #7E007E, #231100)

Browse the whole catalog at Explore, or see today's palette.