Twilit Grove color palette — #F4EBD8 · #006A31 · #003836 · #2B0033 · #000F08

Pine and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4EBD8): A whisper-light, dusty gold — the color of honey in a jar.
• Pine (#006A31): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#003836): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#2B0033): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#000F08): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Forest Corridor color palette (#D1E2E2, #005935, #002A52, #2A001B, #0D0600)
• Charred Fern color palette (#F7E0FA, #535B00, #003735, #2D000C, #000200)
• Eclipse Onyx color palette (#CCEAD2, #625900, #053B06, #0D0054, #0A0D00)
• Inked Abyss color palette (#D8F4F7, #474249, #004435, #14171D, #000B0B)
• Hushed Pier color palette (#D9E5DB, #429FA7, #005364, #003129, #001622)
• Sunlit Olive color palette (#F2DFE3, #647D00, #005658, #550026, #001003)
• Chalky Archive color palette (#C6EEEE, #60AC00, #00865D, #00565E, #000B08)
• Airy Pier color palette (#FCE1AA, #009465, #005E64, #61005A, #003128)

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