Twilit Field color palette — #DBE4CF · #00754F · #002E25 · #101604 · #020603

A conversation between Pine and Deep Forest, giving this palette its sense of sophistication and depth.

The five colors

• Celadon Mist (#DBE4CF): A whisper-light, dusty green — the color of fresh herbs.
• Pine (#00754F): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#002E25): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#101604): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#020603): quiet, heavy and certain.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Twilit Field 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

• Cypress Summit color palette (#E1EDE4, #006770, #00232C, #001013, #000302)
• Inked Fern Chapel color palette (#F4EFD9, #626900, #1C2B02, #181302, #040501)
• Wandering Emerald color palette (#CBE5E5, #009860, #154753, #102626, #04100D)
• Washed Jade color palette (#E2E9D3, #02B870, #4A6B51, #354300, #0F0D06)
• Cerulean Station color palette (#EAF5EE, #008BA5, #284338, #212C25, #0F1715)
• Dusty Cabin color palette (#CFEED8, #00899A, #555DCC, #1E6C24, #143320)
• Pale Teal Delta color palette (#D1F2E8, #00B5A1, #007E76, #005352, #0C364B)
• Worn Pine Harbor color palette (#F8F6E5, #86A675, #2F7434, #544C00, #36362F)

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