Twilit Spruce Study color palette — #FAF0D0 · #5C5E00 · #1B4300 · #001D0F · #000808

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

The five colors

• Custard (#FAF0D0): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#5C5E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#1B4300): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001D0F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000808): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Wandering Moss color palette (#ECEEDB, #739100, #275B00, #002C0E, #000402)
• Chestnut Lagoon color palette (#F3DDD6, #834F00, #493500, #141900, #000800)
• Deep Canyon color palette (#E0E4D4, #097A1A, #004836, #001E1F, #000507)
• Aubergine Lagoon color palette (#EBF2DC, #006D3E, #6E0093, #00331A, #06000C)
• Cobalt Loft color palette (#E0E9DA, #15AC99, #0C82D3, #4E3C00, #000704)
• Obsidian Mulberry color palette (#E0EEDE, #0D590B, #6F0054, #540019, #000200)
• Wandering Lagoon color palette (#D6E5D6, #009572, #00615E, #003D4C, #001427)
• Hushed Plum color palette (#F0DDD6, #CB0051, #00735A, #040D0E, #010200)

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