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/True Opera Tide

Palette · 5 colors · Lc 9

True Opera Tide palette

True Opera Tide: a 5-color palette (Red, Gray, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F7F2F4, #8E6372, #4A6C63, #3B2C32, #180910, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Red
  • Gray
  • Warm
  • 5 Colors

bg

#F7F2F4

surface

#8E6372

primary

#4A6C63

accent

#3B2C32

text

#180910

Open in StudioOpen in PickerAll palettes

Colors in True Opera Tide: HEX, RGB, HSL & OKLCH

  • bg

    #F7F2F4

    #F7F2F4 color page →
    RGB
    rgb(247 242 244)
    HSL
    hsl(336 24% 96%)
    OKLCH
    oklch(0.966 0.006 350.8)

    WCAG contrast: on white 1.10:1 (Fail) · on black 18.96:1 (AAA)

  • surface

    #8E6372

    #8E6372 color page →
    RGB
    rgb(142 99 114)
    HSL
    hsl(339 18% 47%)
    OKLCH
    oklch(0.549 0.059 356.6)

    WCAG contrast: on white 5.02:1 (AA) · on black 4.17:1 (Fail)

  • primary

    #4A6C63

    #4A6C63 color page →
    RGB
    rgb(74 108 99)
    HSL
    hsl(164 19% 36%)
    OKLCH
    oklch(0.502 0.042 176.2)

    WCAG contrast: on white 5.80:1 (AA) · on black 3.61:1 (Fail)

  • accent

    #3B2C32

    #3B2C32 color page →
    RGB
    rgb(59 44 50)
    HSL
    hsl(336 15% 20%)
    OKLCH
    oklch(0.312 0.024 352.7)

    WCAG contrast: on white 13.18:1 (AAA) · on black 1.59:1 (Fail)

  • text

    #180910

    #180910 color page →
    RGB
    rgb(24 9 16)
    HSL
    hsl(332 45% 6%)
    OKLCH
    oklch(0.166 0.029 351.3)

    WCAG contrast: on white 19.34:1 (AAA) · on black 1.08:1 (Fail)

Export True Opera Tide: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #f7f2f4;
  --surface: #8e6372;
  --primary: #4a6c63;
  --accent: #3b2c32;
  --text: #180910;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #f7f2f4;
  --color-surface: #8e6372;
  --color-primary: #4a6c63;
  --color-accent: #3b2c32;
  --color-text: #180910;
}

JSON (DTCG tokens)

{
  "true-opera-tide-yq": {
    "bg": {
      "$type": "color",
      "$value": "#f7f2f4"
    },
    "surface": {
      "$type": "color",
      "$value": "#8e6372"
    },
    "primary": {
      "$type": "color",
      "$value": "#4a6c63"
    },
    "accent": {
      "$type": "color",
      "$value": "#3b2c32"
    },
    "text": {
      "$type": "color",
      "$value": "#180910"
    }
  }
}

About this palette

True Opera Tide is a 5-color OKLCH-ready palette tagged red, gray, warm, 5 colors. Hex values: #F7F2F4, #8E6372, #4A6C63, #3B2C32, #180910. APCA contrast score Lc 9. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Pure Novel Lilac HarborTrending · Red
  • Pure Purple’s Baby Sister GardenRed · Gray
  • Classic Cotton Candy FogRed · Gray
  • Steady Velour Scar DriftRed · Gray
  • Pure Cinnapink ForgeRed · Gray
  • Classic Never Forget ForgeRed · Gray

Palettes with similar colors

Closest to True Opera Tide by OKLab color distance.

  • Steady Cinnapink DeltaRed · Gray
  • Classic Fruit of Passion CanvasRed · Gray
  • Steady Deep Pool Teal GardenBlue · Gray
  • Classic Cinnapink PrismRed · Warm
  • Pure Velour Scar AtelierRed · Gray
  • Classic Muted Purple BriefPink · Gray
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