Twilit Pier color palette — #D4EAF9 · #005E7A · #2B282E · #111539 · #00060D

A conversation between Peacock and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Frost (#D4EAF9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005E7A): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#2B282E): quiet, heavy and certain.
• Deep Indigo (#111539): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#00060D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Ultramarine Garden color palette (#D5E1F0, #004EB1, #3A302F, #211130, #000513)
• Cobalt Station color palette (#CFEEDF, #0082AA, #321A34, #131F22, #000503)
• Worn Iris color palette (#E9EDFD, #8578B7, #3E3847, #1B1D29, #090D12)
• Abyss Meadow color palette (#F1E5EF, #89BDCD, #007698, #004F22, #001533)
• Weathered Forest color palette (#DCEBDE, #849656, #1C643F, #00404D, #001710)
• Ultramarine Courtyard color palette (#CFE7EB, #008FC2, #0054B8, #2F1D82, #200037)
• Airy Navy Bloom color palette (#D6E7FF, #4E7BD8, #886500, #133C9C, #191000)
• Deep Loft color palette (#E6E8FF, #382625, #3A0064, #200B18, #070003)

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