Twilit Pier color palette — #C9ECEA · #008049 · #003225 · #001414 · #000504

Teal and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#C9ECEA): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#008049): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#003225): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001414): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000504): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Shadow Olive Hollow color palette (#C4E9D7, #736F00, #252E00, #00150C, #000502)
• Midnight Lagoon color palette (#CBE3EB, #00858A, #1E353E, #06191E, #01080A)
• Emerald Summit color palette (#EAF3D6, #00A05C, #00523E, #012F18, #111303)
• Hazy Sapphire color palette (#BAEFFF, #009598, #4270CF, #457000, #001D1D)
• Weathered Harbor color palette (#D4FFFD, #00AE5B, #004642, #001A19, #000201)
• Softworn Jade color palette (#E4F7EF, #94B468, #4C793A, #49520B, #002720)
• Teal Studio color palette (#D7F9E9, #00B699, #008174, #00524D, #002B2B)
• Frosted Bronze Balcony color palette (#D9F9FE, #00B09C, #A67A00, #006A5D, #2C1E00)

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