Twilit Pier color palette — #DCF2EF · #236D42 · #003422 · #001C17 · #000807

A conversation between Pine and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DCF2EF): A whisper-light, dusty teal — the color of glacier melt.
• Pine (#236D42): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#003422): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001C17): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000807): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

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

• Dusty Olive color palette (#EAE2C0, #338A2A, #00523D, #00323B, #000900)
• Dusty Forest Field color palette (#D5F1E7, #668548, #125303, #003637, #102000)
• Washed Cypress Coast color palette (#D9ECE0, #71955C, #007358, #104F67, #020800)
• Abyss Studio color palette (#E1F2EF, #4E8B98, #004455, #002224, #000B12)
• Twilit Nightshade color palette (#DBE2EF, #373FAF, #004A3D, #140068, #000805)
• Linen Loft color palette (#CAF5F2, #1BAB79, #006A55, #004A63, #013824)
• Wandering Olive color palette (#EBF9F2, #94A365, #4A7010, #0D5750, #1F3C33)
• Moonless Aubergine color palette (#E2E3FB, #58008D, #640023, #00273D, #030009)

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