Twilit Pine color palette — #DAE8CE · #097418 · #003F23 · #002119 · #000404

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

The five colors

• Celadon Mist (#DAE8CE): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#097418): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#003F23): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#002119): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000404): a grounded near-black with real depth.

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

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

• Dusty Olive Canyon color palette (#E8E8CF, #417800, #004C30, #002A24, #00161A)
• Weathered Garden color palette (#DCEEE6, #007566, #003D3B, #002024, #00080B)
• Weathered Moss Meadow color palette (#E5E8D0, #599C09, #00653D, #002823, #000203)
• Mulberry Thicket color palette (#D8EAEB, #006C4F, #800066, #003323, #090005)
• Inked Fern Balcony color palette (#D8E9DE, #65661D, #413500, #231500, #010200)
• Cobalt Market color palette (#C2ECF0, #0DAEB5, #0084B4, #005125, #000A0A)
• Velvet Aubergine Chapel color palette (#D2F9EC, #005646, #4B009A, #4B2200, #000201)
• Weathered Petrol color palette (#CAEFF6, #007591, #004A6B, #002644, #000523)

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