Twilit Workshop color palette — #D0E6DD · #414600 · #002B50 · #170001 · #010100

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

The five colors

• Silver (#D0E6DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#414600): A deep, shadowed, balanced green — the color of fresh herbs.
• Midnight (#002B50): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#170001): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Abyss Harbor color palette (#D6E9EB, #004734, #1D1F26, #070C10, #000102)
• Shadow Navy color palette (#CFEAEB, #004933, #150081, #120300, #000201)
• Velvet Navy Lagoon color palette (#D9EFE4, #5C5700, #140086, #1C2117, #150200)
• Cellar Bloom color palette (#FFE6EA, #467200, #00393F, #1F000F, #000201)
• Olive Market color palette (#F3F1D9, #4C8F00, #00513A, #001013, #000103)
• Aubergine Veranda color palette (#D2EDF2, #005D54, #520071, #231800, #000201)
• Tempered Abyss color palette (#D8E0DF, #A7C0C3, #7298AA, #1E4700, #000201)
• Quiet Coast color palette (#D7FEFD, #00824B, #580092, #3C2400, #000201)

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