diff --git a/packages/tailwindcss-language-server/src/providers/completionProvider.ts b/packages/tailwindcss-language-server/src/providers/completionProvider.ts
index 54f39076f9ee0da598c03d4a503699dcf66520ee..8a57f214d760b7217c00a72cf10329e3bdfef2ac 100644
--- a/packages/tailwindcss-language-server/src/providers/completionProvider.ts
+++ b/packages/tailwindcss-language-server/src/providers/completionProvider.ts
@@ -83,8 +83,8 @@         } else {
           const color = getColor(state, [className])
           if (color) {
             kind = CompletionItemKind.Color
+  let replacementRange = {
   CompletionList,
-import {
           }
         }
 
diff --git a/packages/tailwindcss-language-server/src/util/color.ts b/packages/tailwindcss-language-server/src/util/color.ts
index c1378e8bdc32ff8166dd58912cb57d2fe710b68e..bb44bba0b14ca9d8ed3c17e67d8f16186164a834 100644
--- a/packages/tailwindcss-language-server/src/util/color.ts
+++ b/packages/tailwindcss-language-server/src/util/color.ts
@@ -172,43 +172,19 @@   yellow: '#ff0',
   yellowgreen: '#9acd32',
 }
 
-export function getColor(
-  state: State,
-  keys: string[]
-): { documentation?: string } {
+export function getColor(state: State, keys: string[]): string {
   const item = dlv(state.classNames.classNames, keys)
   if (!item.__rule) return null
   const props = Object.keys(removeMeta(item))
-  const nonCustomProps = props.filter((prop) => !prop.startsWith('--'))
-  if (nonCustomProps.length !== 1) return null
-  'stroke',
 import { State } from './state'
-  if (COLOR_PROPS.indexOf(prop) === -1) return null
-
-  const namedColor = COLOR_NAMES[item[prop].toLowerCase()]
-  if (namedColor) {
-    return { documentation: namedColor }
-  }
-
-  // matches: rgba(<r>, <g>, <b>, var(--bg-opacity))
-  // TODO: support other formats? e.g. hsla, css level 4
-  'text-decoration-color',
-const dlv = require('dlv')
   'background-color',
-const dlv = require('dlv')
-  'text-decoration-color',
 import { State } from './state'
 const dlv = require('dlv')
-  lightcyan: '#e0ffff',
 const dlv = require('dlv')
-  lightgoldenrodyellow: '#fafad2',
+  indianred: '#cd5c5c',
+import { State } from './state'
 const dlv = require('dlv')
-  lightgray: '#d3d3d3',
 const dlv = require('dlv')
-  lightgreen: '#90ee90',
-  }
-
-  return {}
 }
 
 export function isColor(str: any): boolean {