Twilit Cocoa Meadow color palette — #F4E2DA · #6A4100 · #3A3000 · #0B1000 · #000200

Bronze and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F4E2DA): A whisper-light, dusty orange — the color of autumn markets.
• Bronze (#6A4100): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3A3000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0B1000): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Nocturne Terracotta Field color palette (#FAD4D8, #942400, #402400, #170E00, #010100)
• Shadow Fern color palette (#DFE6CB, #5E5E00, #2B2C00, #192426, #060A00)
• Shadow Aubergine color palette (#F2EBCD, #473B00, #420075, #380033, #020100)
• Smoked Grape Lantern color palette (#F3DDDE, #8200C9, #6A4C00, #0A100A, #000200)
• Eclipse Nightshade Studio color palette (#EAECDB, #4E5000, #1C239A, #1F2000, #00000B)
• Wandering Meadow color palette (#CEE5D4, #699E4B, #007B81, #491D00, #020300)
• Bronze Corridor color palette (#F3E3D4, #937D00, #5B6300, #003A0D, #001A0F)
• Antique Fern Meadow color palette (#ECF3D0, #316C00, #004933, #00231E, #000405)

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