Nocturne Cocoa color palette — #F6E9DC · #623900 · #333700 · #001B2C · #140400

Built around Bronze, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Cream (#F6E9DC): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#623900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Forest (#333700): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Midnight (#001B2C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#140400): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Smoked Lagoon color palette (#FFE6DF, #7E002A, #4F2500, #001D22, #130004)
• Eclipse Meadow color palette (#FBEAD4, #644500, #2A3700, #0C005D, #0C0500)
• Rust Summit color palette (#FFE8EF, #B75338, #6A4200, #292700, #051800)
• Feathered Harbor color palette (#F5EADD, #B02D48, #4C3A00, #1A0070, #2B0A00)
• Aubergine Hollow color palette (#FAEFD5, #716300, #264F00, #34007F, #201200)
• Softworn Thicket color palette (#EBE0DA, #BFB8AD, #948F75, #772500, #2D1A0F)
• Onyx Orchard color palette (#E9E7D2, #485A00, #004949, #4D003D, #0F1600)
• Aubergine Coast color palette (#F2F8EB, #007E5C, #005A54, #5E0053, #221E00)

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