Nocturne Cocoa color palette — #F2E0D2 · #712F00 · #273E00 · #002218 · #000203

Rust and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F2E0D2): A whisper-light, dusty gold — the color of old brass.
• Rust (#712F00): A deep, shadowed, balanced orange — the color of autumn markets.
• Forest (#273E00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#002218): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000203): quiet, heavy and certain.

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

Use it as a design system

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

• Moonless Terracotta Archive color palette (#EADBD3, #9C2A00, #493400, #102000, #060003)
• Lowlit Denim color palette (#E3F4EA, #005971, #393500, #002405, #000202)
• Plum Dune color palette (#F8E3CF, #B80047, #741000, #232000, #0D0001)
• Ancient Byzantium color palette (#E4DCF2, #AD12A8, #585C00, #003B36, #000010)
• Velvet Aubergine Field color palette (#FFE5EE, #68049A, #003E3A, #001B27, #050004)
• Eclipse Aubergine Workshop color palette (#FBDDE1, #4D004A, #2C2229, #001D11, #000808)
• Pine Terrace color palette (#F8E7D2, #A46B00, #007632, #004A49, #001B14)
• Frosted Amethyst Villa color palette (#E8E0CD, #8033EA, #005D4E, #003E4B, #000522)

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