Twilit Pier color palette — #FAE4FC · #9B0035 · #101C1C · #2C0F00 · #070008

Garnet and Ink set the tone — five colors that lean into sophistication and depth.

The five colors

• Blush (#FAE4FC): A whisper-light, dusty pink — the color of neon signs at night.
• Garnet (#9B0035): A full-bodied, vivid red — the color of embers at dusk.
• Ink (#101C1C): quiet, heavy and certain.
• Ink (#2C0F00): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#070008): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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 (#EDE5F2, #960057, #34322B, #350300, #090003)
• Moonless Cocoa color palette (#EDD7E4, #883600, #48570E, #221600, #080004)
• Chalky Parlor color palette (#FFDDD3, #C60045, #4A2908, #221808, #150200)
• Garnet Basin color palette (#FFE2D9, #4B594F, #6F001F, #171D12, #190000)
• Weathered Scarlet Courtyard color palette (#FFE5EA, #DD2B35, #953600, #4F2C00, #1E1200)
• Bronze Boulevard color palette (#FCDFEB, #B06000, #007382, #683600, #001317)
• Chestnut Corridor color palette (#F5D9C9, #A04A00, #006580, #004B89, #110400)
• Aged Station color palette (#FFE9F0, #9F6200, #383400, #270B16, #080306)

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