Twilit Pier color palette — #E8E3CA · #495000 · #002839 · #000D16 · #040001

Deep Olive and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E8E3CA): A whisper-light, dusty green — the color of a quiet forest floor.
• Deep Olive (#495000): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002839): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000D16): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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

• Velvet Coast color palette (#EBF4DC, #004C10, #001F54, #000924, #030000)
• Bronze Cabin color palette (#FADDC4, #886F00, #334600, #00110B, #000102)
• Inked Chestnut Veranda color palette (#F0D9CE, #796000, #003C2A, #160026, #010100)
• Midnight Navy color palette (#F1E4C3, #615500, #1F067E, #0F001A, #050100)
• Aubergine Balcony color palette (#D7ECC7, #006040, #51006E, #240033, #020100)
• Basalt Meadow color palette (#E6E0D6, #BDBCA4, #8A977D, #4A3A00, #020100)
• Smoked Garnet color palette (#FFE8E1, #740025, #002B49, #21251C, #000710)
• Weathered Aubergine color palette (#FAF7D5, #667500, #680070, #420048, #040001)

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