Twilit Spruce color palette — #D2EAE2 · #4E7435 · #02430B · #002616 · #010400

Forest takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D2EAE2): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#4E7435): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#02430B): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#002616): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#010400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Pine Canyon color palette (#DAECE8, #4F884E, #005229, #003037, #000B01)
• Washed Jade Station color palette (#C8EEE6, #61A865, #006D3D, #004A3A, #001D03)
• Weathered Denim Thicket color palette (#E1F0FF, #005E9D, #00592A, #002B4D, #000401)
• Patina Lagoon Ridge color palette (#E0F4EF, #399B9A, #00545A, #002C26, #000507)
• Pale Olive color palette (#E1F9EB, #AAAE5D, #617513, #00594B, #00281B)
• Aged Loft color palette (#E5F6F4, #92BDBC, #4D816D, #365A6E, #112C2C)
• Charred Grove color palette (#D5DFF2, #0034BA, #680068, #003637, #000109)
• Patina Violet color palette (#D7E3FB, #9995D0, #855CB9, #003D88, #04001C)

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