Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
Home/Explore/Grape Riot Mirror

Palette · 5 colors · Lc 8.6

Grape Riot Mirror palette

Grape Riot Mirror: a 5-color palette (Red, Warm, Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #F7E6EF, #C389BC, #A2417F, #5E1C30, #10030A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Red
  • Warm
  • Pink
  • 5 Colors

bg

#F7E6EF

surface

#C389BC

primary

#A2417F

accent

#5E1C30

text

#10030A

Open in StudioOpen in PickerAll palettes

Colors in Grape Riot Mirror: HEX, RGB, HSL & OKLCH

  • bg

    #F7E6EF

    #F7E6EF color page →
    RGB
    rgb(247 230 239)
    HSL
    hsl(328 52% 94%)
    OKLCH
    oklch(0.941 0.022 344.2)

    WCAG contrast: on white 1.19:1 (Fail) · on black 17.51:1 (AAA)

  • surface

    #C389BC

    #C389BC color page →
    RGB
    rgb(195 137 188)
    HSL
    hsl(307 33% 65%)
    OKLCH
    oklch(0.704 0.098 330.8)

    WCAG contrast: on white 2.75:1 (Fail) · on black 7.62:1 (AAA)

  • primary

    #A2417F

    #A2417F color page →
    RGB
    rgb(162 65 127)
    HSL
    hsl(322 43% 45%)
    OKLCH
    oklch(0.526 0.147 344.1)

    WCAG contrast: on white 5.83:1 (AA) · on black 3.59:1 (Fail)

  • accent

    #5E1C30

    #5E1C30 color page →
    RGB
    rgb(94 28 48)
    HSL
    hsl(342 54% 24%)
    OKLCH
    oklch(0.337 0.097 5.4)

    WCAG contrast: on white 12.46:1 (AAA) · on black 1.68:1 (Fail)

  • text

    #10030A

    #10030A color page →
    RGB
    rgb(16 3 10)
    HSL
    hsl(328 68% 4%)
    OKLCH
    oklch(0.13 0.033 345)

    WCAG contrast: on white 20.20:1 (AAA) · on black 1.03:1 (Fail)

Export Grape Riot Mirror: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #f7e6ef;
  --surface: #c389bc;
  --primary: #a2417f;
  --accent: #5e1c30;
  --text: #10030a;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #f7e6ef;
  --color-surface: #c389bc;
  --color-primary: #a2417f;
  --color-accent: #5e1c30;
  --color-text: #10030a;
}

JSON (DTCG tokens)

{
  "grape-riot-mirror-4jt": {
    "bg": {
      "$type": "color",
      "$value": "#f7e6ef"
    },
    "surface": {
      "$type": "color",
      "$value": "#c389bc"
    },
    "primary": {
      "$type": "color",
      "$value": "#a2417f"
    },
    "accent": {
      "$type": "color",
      "$value": "#5e1c30"
    },
    "text": {
      "$type": "color",
      "$value": "#10030a"
    }
  }
}

About this palette

Grape Riot Mirror is a 5-color OKLCH-ready palette tagged red, warm, pink, 5 colors. Hex values: #F7E6EF, #C389BC, #A2417F, #5E1C30, #10030A. APCA contrast score Lc 8.6. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Steady Vicious Violet ArchiveTrending · Red
  • True Vicious Violet QuartzRed · Pink
  • Steady Grape Riot MeadowRed · Warm
  • Pure Purple Pleasures BriefRed · Pink
  • Steady Plum Passion BeaconRed · Warm
  • Pure Vicious Violet DriftRed · Pink

Palettes with similar colors

Closest to Grape Riot Mirror by OKLab color distance.

  • Pure Plum Kingdom TideRed · Warm
  • Steady Grape Riot EmberRed · Warm
  • Steady Plum Kingdom HorizonRed · Warm
  • Pure Grape Riot StudioRed · Warm
  • Pure Plum Kingdom ForgeRed · Warm
  • Pure Grape Riot AtelierRed · Warm
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA