Twilit Pier color palette — #FAD6C7 · #005A2F · #002930 · #21000D · #000503

A conversation between Deep Olive and Ink, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FAD6C7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Deep Olive (#005A2F): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002930): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#21000D): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

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

• Fern Quarry color palette (#FEE5D0, #534C00, #002C1B, #1A0022, #020400)
• Moonless Hollow color palette (#E8E9D8, #1F4800, #001B47, #1B0002, #040100)
• Onyx Archive color palette (#D7F1EC, #005349, #00292C, #060030, #000201)
• Navy Quarry color palette (#EDEED3, #007463, #00464A, #100066, #000504)
• Obsidian Nightshade color palette (#F7EBD9, #006373, #1B0091, #231600, #000D17)
• Abyss Veranda color palette (#FCEAE0, #4B8B99, #00425E, #00231C, #00081E)
• Abyss Cabin color palette (#D7E3D1, #377571, #003C5D, #371000, #1B0800)
• Hushed Olive Hollow color palette (#D7E5CB, #688A00, #007961, #004760, #000303)

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