Twilit Olive color palette — #E8DDCB · #5C711C · #004225 · #291C00 · #020300

Built around Olive, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Bone (#E8DDCB): A whisper-light, dusty gold — the color of old brass.
• Olive (#5C711C): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004225): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#291C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Velvet Forest color palette (#EAE7D5, #006A3C, #00312F, #121600, #000201)
• Ancient Fern Delta color palette (#F3E3D5, #9F8D44, #3D6100, #004240, #191000)
• Pine Atelier color palette (#E6E3D0, #007C45, #003F3C, #3B002A, #000401)
• Linen Market color palette (#CEE9DA, #7D9B34, #115E0A, #302C00, #010100)
• Powdered Moss color palette (#EDE4D1, #75A555, #006C51, #4A3D00, #0A1B00)
• Mulberry Boulevard color palette (#E0F1E0, #006968, #86004D, #003131, #0A0003)
• Velvet Corridor color palette (#D1E7DD, #00573E, #741500, #531900, #000201)
• Linen Indigo color palette (#E0F1D6, #3CABD1, #6A64E1, #324400, #00090B)

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