Twilit Cocoa Field color palette — #FCE5CF · #5B4700 · #002D0D · #170027 · #030400

Deep Olive and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#FCE5CF): A whisper-light, dusty gold — the color of old brass.
• Deep Olive (#5B4700): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#002D0D): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#170027): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Lowlit Parlor color palette (#D8E7DF, #443E00, #002036, #0F0021, #060001)
• Lowlit Bloom color palette (#F9D5EA, #1B5900, #002A2B, #20000F, #000502)
• Shadow Cocoa Basin color palette (#DDF0E1, #802900, #2B2300, #01003B, #070200)
• Nocturne Meadow color palette (#E0F1EB, #3D4650, #283300, #131B20, #000602)
• Shadow Pier color palette (#DBF5F1, #196C57, #003234, #2C0A00, #000805)
• Ancient Drift color palette (#F2E4C8, #596A43, #0F483A, #36082B, #210002)
• Cerulean Balcony color palette (#F8ECF4, #348EA0, #00425E, #00231C, #00081D)
• Bronze Studio color palette (#CDF3E6, #B26B00, #616800, #004D3C, #020600)

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