Twilit Olive color palette — #D2E7D8 · #6B6D00 · #273E00 · #271D00 · #030300

Olive and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D2E7D8): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#6B6D00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#273E00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#271D00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Aged Pine color palette (#D8EFE8, #007D34, #00412F, #311600, #000401)
• Ancient Lantern color palette (#E1F6E9, #728200, #235000, #003224, #070900)
• Weathered Moss Archive color palette (#C6F0D9, #85A307, #1E6E00, #463F00, #121900)
• Pale Bloom color palette (#D0E9CE, #939400, #015F14, #3D2500, #010100)
• Mulberry Balcony color palette (#CBF2F6, #006B55, #83005E, #003226, #090004)
• Cypress Dune color palette (#BCE9E4, #007F77, #00423F, #001614, #000201)
• Weathered Fern Grove color palette (#E5F7E9, #A6A462, #596D31, #224F4E, #072217)
• Softworn Corridor color palette (#E2F3F1, #1BA57B, #00635A, #1C4320, #001617)

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