Cocoa Ridge color palette — #F9E3D7 · #7F2A00 · #00322E · #001816 · #030028

Rust and Ink set the tone — five colors that lean into optimism and creativity.

The five colors

• Parchment (#F9E3D7): A whisper-light, dusty gold — the color of old brass.
• Rust (#7F2A00): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#00322E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001816): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#030028): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Moonless Garden color palette (#FFE3DA, #8D002D, #292D00, #131600, #000813)
• Wandering Brick Dune color palette (#F6DED5, #C1001E, #4A4800, #002E2B, #030028)
• Garnet Terrace color palette (#FFE8DD, #4D5A4F, #691700, #1C2216, #0D0700)
• Velvet Garnet Corridor color palette (#FFEBE3, #8E0111, #332900, #05004A, #170001)
• Rust Grove color palette (#FFDFE1, #BC3F16, #5D3800, #261D00, #031002)
• Charred Aubergine Corridor color palette (#FCE6EA, #71197F, #481A00, #00181B, #110016)
• Lowlit Nightshade Study color palette (#EFD9E9, #2B2FB6, #3E2300, #001621, #030028)
• Ancient Quarry color palette (#FFECE1, #992C02, #00422B, #37003A, #260500)

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