Midnight Cocoa Ridge color palette — #F7E2CD · #6A3E00 · #003133 · #270026 · #15000B

Built around Bronze, softened by Deep Indigo — the whole palette hums with optimism and creativity.

The five colors

• Parchment (#F7E2CD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#6A3E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#003133): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#270026): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#15000B): A deep, shadowed, dusty rose — the color of strawberry cream.

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

Use it as a design system

One click turns Midnight 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

• Obsidian Garnet Veranda color palette (#F9E4D9, #842200, #003320, #150041, #0F001A)
• Moonless Dune color palette (#F1EBDC, #453D00, #002133, #1C1D0D, #1A0004)
• Moonless Fern color palette (#CAE5DB, #474F00, #003321, #001317, #030100)
• Tempered Basalt Field color palette (#EAE6D9, #525F60, #3C3C00, #1B2725, #000C01)
• Dusty Loft color palette (#F7F0D1, #636E00, #005339, #002C34, #0F0500)
• Dusty Cerulean color palette (#F6E6DE, #449FA6, #005268, #003122, #001528)
• Ancient Corridor color palette (#F1DCC8, #777A3D, #145D3B, #460E47, #350D26)
• Ancient Cabin color palette (#E2E2D1, #008053, #00413C, #470100, #001409)

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