Framer Color Palette

Select any value to copy it.

• Framer Black

  Primary

  #000000rgb(0, 0, 0)hsl(0, 0%, 0%)

  Closest in ArchiveTrue Gray Ink
  Closest in Archive: True Gray Ink

• White

  Neutral

  #FFFFFFrgb(255, 255, 255)hsl(0, 0%, 100%)

  Closest in ArchiveWarm Gray Veil
  Closest in Archive: Warm Gray Veil

• Framer Blue

  Accent

  #0099FFrgb(0, 153, 255)hsl(204, 100%, 50%)

  Closest in ArchiveSteel Radiant Pure
  Closest in Archive: Steel Radiant Pure

Can it carry text? (WCAG contrast)

Each color as text on white and on black. AA means body text passes. Select a ratio to open the pair in the contrast checker.

• Framer BlackAaon white21.00:1AAFramer Black: Open in contrast checkerAaon black1.00:1Not for textFramer Black: Open in contrast checker
• WhiteAaon white1.00:1Not for textWhite: Open in contrast checkerAaon black21.00:1AAWhite: Open in contrast checker
• Framer BlueAaon white2.99:1Not for textFramer Blue: Open in contrast checkerAaon black7.00:1AAFramer Blue: Open in contrast checker

About this palette

Framer's identity is black text on white background, with a single #0099FF blue used for primary actions. The wordmark is a custom geometric typeface that doubles as the brand's tonal anchor — every illustration, every UI surface returns to those proportions.

Copy as code

Every token name carries the brand, so two brands can share one stylesheet.

:root {
  --framer-black: #000000;
  --framer-white: #ffffff;
  --framer-blue: #0099ff;
}

@theme {
  --color-framer-black: #000000;
  --color-framer-white: #ffffff;
  --color-framer-blue: #0099ff;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "framer-black": "#000000",
        "framer-white": "#ffffff",
        "framer-blue": "#0099ff",
      },
    },
  },
};

Source: https://www.framer.com/ · As of 2026-05-03 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the Framer name and any associated marks belong to their owner. Request removal via support.

More from Design Tools