Twilit Pine color palette — #D8E9E1 · #357A26 · #00412E · #390A16 · #000403

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

The five colors

• Honeydew (#D8E9E1): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#357A26): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#00412E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#390A16): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#000403): quiet, heavy and certain.

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

Use it as a design system

One click turns Twilit Pine 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 Veranda color palette (#E7DFC8, #367D39, #004238, #380F32, #001501)
• Olive Atelier color palette (#E3F0E6, #646F00, #084306, #281C00, #020300)
• Chalky Corridor color palette (#DDF5EF, #4B791A, #4F008A, #193100, #05000F)
• Quiet Chapel color palette (#E6E3C3, #6B9F48, #095E15, #382800, #000200)
• Obsidian Aubergine color palette (#E2EED8, #335400, #56008B, #500051, #010200)
• Timeworn Pine color palette (#E4F7ED, #8BAB76, #1D764F, #2E4E3F, #00221D)
• Hazy Emerald Delta color palette (#E3E1D2, #5F934C, #006338, #5D2500, #031400)
• Jade Workshop color palette (#E1EDCF, #55B588, #00899B, #403600, #000C02)

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