Twilit Workshop color palette — #CCE4F8 · #006EA4 · #43009A · #2B0021 · #000201
Indigo and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CCE4F8): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006EA4): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#43009A): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#2B0021): A deep, shadowed, balanced pink — the color of a candy shop window.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.
Use it as a design system
One click turns Twilit Workshop 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 Studio color palette (#DDE9F9, #005FD4, #59007D, #2F0011, #000102)
- Smoked Navy color palette (#D3F1FF, #007485, #003584, #210037, #040001)
- Aubergine Ridge color palette (#D1EAD7, #00535D, #3B0062, #220600, #000200)
- Wandering Periwinkle color palette (#D4E8F5, #6A9DD7, #4A5F9B, #492142, #1A000D)
- Cellar Market color palette (#DEE7F6, #3330D5, #450057, #160006, #000102)
- Cobalt Studio color palette (#D2EAFA, #0086D1, #00549B, #002153, #000117)
- Denim Atelier color palette (#CCE5F5, #625E55, #00566E, #1A181F, #00060E)
- Lowlit Courtyard color palette (#CBEDFC, #005460, #550105, #2E0001, #0F0500)
Browse the whole catalog at Explore, or see today's palette.