Twilit Harbor color palette — #E3DCF1 · #820074 · #154800 · #390032 · #000200
Mulberry and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Thistle (#E3DCF1): A whisper-light, dusty violet — the color of a velvet chair.
- Mulberry (#820074): A full-bodied, vivid pink — the color of a candy shop window.
- Deep Olive (#154800): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Indigo (#390032): A deep, shadowed, balanced pink — the color of neon signs at night.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged dark.
Use it as a design system
One click turns Twilit Harbor 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 Mulberry Delta color palette (#F4E9FD, #890059, #004542, #3C0025, #000201)
- Velvet Aubergine color palette (#E7EBFF, #5D0AB3, #3B4000, #270052, #010100)
- Aubergine Pier color palette (#E5E3F8, #5D0075, #003B2E, #002225, #030005)
- Orchid Study color palette (#FDE8EB, #B13FB4, #00621A, #3F0041, #000200)
- Mulberry Pier color palette (#C8EEF9, #007145, #890084, #130408, #020005)
- Patina Plum color palette (#E8DBEE, #BE1469, #00646D, #670035, #000A0C)
- Powdered Mulberry Studio color palette (#F2EBF9, #B95792, #007D65, #7E005A, #001710)
- Patina Atelier color palette (#F4EFFF, #E17ED1, #00986A, #87007B, #002819)
Browse the whole catalog at Explore, or see today's palette.