Twilit Pier color palette — #F1E0FB · #B9006C · #622900 · #191600 · #030004
Magenta Rose and Rust set the tone — five colors that lean into optimism and energy.
The five colors
- Blush (#F1E0FB): A whisper-light, dusty violet — the color of wild irises.
- Magenta Rose (#B9006C): A full-bodied, vivid rose — the color of strawberry cream.
- Rust (#622900): A deep, shadowed, balanced orange — the color of autumn markets.
- Ink (#191600): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Optimism, Energy, Depth, Luxury. Tagged dark, 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
- Obsidian Mulberry color palette (#EDDEF5, #8E004E, #583600, #1F1308, #120003)
- Nocturne Brick Coast color palette (#F8DEF3, #C20416, #4F3700, #091A00, #040002)
- Shadow Byzantium Boulevard color palette (#EDE9FF, #9C25AD, #730028, #230F00, #00000B)
- Nocturne Alley color palette (#FCDEDE, #810064, #3D2300, #001507, #000103)
- Rose Quarry color palette (#FFE7EA, #F02157, #A20018, #4A0600, #070000)
- Tempered Amber Ridge color palette (#FFE1E5, #C17068, #8A4B2C, #303000, #060E00)
- Dusty Magenta color palette (#EDE9FF, #CD00D6, #7B6000, #004E4E, #000A0A)
- Lowlit Market color palette (#E8EDFF, #4F20AB, #362800, #00171E, #01040B)
Browse the whole catalog at Explore, or see today's palette.