Twilit Spruce color palette — #F0F1D1 · #1C4200 · #00272A · #1F001B · #010200

A conversation between Forest and Ink, giving this palette its sense of nature and growth.

The five colors

• Custard (#F0F1D1): A whisper-light, dusty green — the color of a quiet forest floor.
• Forest (#1C4200): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#00272A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#1F001B): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#010200): quiet, heavy and certain.

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

Use it as a design system

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

• Charred Onyx color palette (#F5E2CB, #4D3100, #002535, #290011, #030100)
• Patina Abyss Harbor color palette (#E2EACD, #505C61, #004622, #182629, #000B0C)
• Worn Olive color palette (#ECE4D4, #617500, #00452B, #002321, #000D14)
• Lowlit Navy color palette (#EDEFD9, #104C02, #1D006A, #1F0D00, #020300)
• Charred Fern Delta color palette (#FFEAEB, #585D00, #003836, #310025, #011000)
• Basalt Courtyard color palette (#E8E7DE, #A5AC99, #6A886C, #313D00, #171402)
• Navy Grove color palette (#DAF0E9, #004775, #002C50, #330A00, #000707)
• Softworn Pine Drift color palette (#E8EFD0, #C18300, #008C49, #004C62, #000C07)

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