Twilit Pier color palette — #D4E0F4 · #1B28B0 · #1E141A · #110528 · #000107
Built around Indigo, softened by Ink — the whole palette hums with creativity and energy.
The five colors
- Frost (#D4E0F4): A whisper-light, dusty violet — the color of a velvet chair.
- Indigo (#1B28B0): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#1E141A): quiet, heavy and certain.
- Ink (#110528): A deep, shadowed, dusty violet — the color of wild irises.
- Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.
Use it as a design system
One click turns Twilit Pier 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 Navy Pier color palette (#CFE5FC, #00457B, #1E171D, #08092A, #000104)
- Charred Terrace color palette (#E5EAFD, #3D008D, #2C1413, #0E0016, #000107)
- Ultramarine Terrace color palette (#E4EDFB, #2347E1, #33292B, #120C2B, #000106)
- Worn Aubergine color palette (#E0E5F7, #5F5AD4, #5C16AA, #380055, #16001B)
- Denim Courtyard color palette (#DBEBDE, #74A2C2, #1358A0, #003842, #030033)
- Washed Cobalt color palette (#DFE7FA, #676DB5, #2E2E45, #101523, #04060C)
- Gentle Ridge color palette (#DEDFEF, #8344C3, #555F00, #4A007D, #070900)
- Grape Summit color palette (#EBD9FA, #7D13B0, #6B4200, #004542, #07000F)
Browse the whole catalog at Explore, or see today's palette.