Moonless Cocoa Ridge color palette — #F7E4CD · #5C3D00 · #00412E · #002318 · #080400

Bronze and Forest set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F7E4CD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#5C3D00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Forest (#00412E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#002318): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#080400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Inked Onyx color palette (#F7E1CB, #5C3600, #122500, #05003D, #040100)
• Tempered Rust Thicket color palette (#F9E3E3, #AE4D00, #4F3B00, #192000, #001109)
• Garnet Studio color palette (#F1D8EA, #7D1800, #004039, #001F31, #040000)
• Cellar Aubergine Terrace color palette (#F7D9DD, #720071, #003F3A, #00221F, #0D000C)
• Velvet Terracotta Delta color palette (#F2DFCA, #963200, #2E3400, #15004F, #140800)
• Dusty Aubergine color palette (#DBE1D1, #00613E, #004E4A, #400056, #0A1000)
• Brick Quarry color palette (#F8E3DC, #AC3C49, #003F0F, #4F0012, #000300)
• Velvet Mulberry Corridor color palette (#F6DCD8, #88004C, #003417, #200033, #15000C)

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