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/Classic Flood Brief

Palette · 5 colors · Lc 8.1

Classic Flood Brief palette

Classic Flood Brief: a 5-color palette (Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #E8E8EB, #686ECC, #685F00, #2E2D3F, #04050E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Pink
  • 5 Colors

bg

#E8E8EB

surface

#686ECC

primary

#685F00

accent

#2E2D3F

text

#04050E

Open in StudioOpen in PickerAll palettes

Colors in Classic Flood Brief: HEX, RGB, HSL & OKLCH

  • bg

    #E8E8EB

    #E8E8EB color page →
    RGB
    rgb(232 232 235)
    HSL
    hsl(240 7% 92%)
    OKLCH
    oklch(0.932 0.004 286.3)

    WCAG contrast: on white 1.22:1 (Fail) · on black 17.17:1 (AAA)

  • surface

    #686ECC

    #686ECC color page →
    RGB
    rgb(104 110 204)
    HSL
    hsl(236 50% 60%)
    OKLCH
    oklch(0.578 0.143 278.2)

    WCAG contrast: on white 4.47:1 (Fail) · on black 4.69:1 (AA)

  • primary

    #685F00

    #685F00 color page →
    RGB
    rgb(104 95 0)
    HSL
    hsl(55 100% 20%)
    OKLCH
    oklch(0.479 0.101 103.1)

    WCAG contrast: on white 6.51:1 (AA) · on black 3.22:1 (Fail)

  • accent

    #2E2D3F

    #2E2D3F color page →
    RGB
    rgb(46 45 63)
    HSL
    hsl(243 17% 21%)
    OKLCH
    oklch(0.306 0.032 286.9)

    WCAG contrast: on white 13.43:1 (AAA) · on black 1.56:1 (Fail)

  • text

    #04050E

    #04050E color page →
    RGB
    rgb(4 5 14)
    HSL
    hsl(234 56% 4%)
    OKLCH
    oklch(0.12 0.023 275.5)

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

Export Classic Flood Brief: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #e8e8eb;
  --surface: #686ecc;
  --primary: #685f00;
  --accent: #2e2d3f;
  --text: #04050e;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #e8e8eb;
  --color-surface: #686ecc;
  --color-primary: #685f00;
  --color-accent: #2e2d3f;
  --color-text: #04050e;
}

JSON (DTCG tokens)

{
  "classic-flood-brief-7at": {
    "bg": {
      "$type": "color",
      "$value": "#e8e8eb"
    },
    "surface": {
      "$type": "color",
      "$value": "#686ecc"
    },
    "primary": {
      "$type": "color",
      "$value": "#685f00"
    },
    "accent": {
      "$type": "color",
      "$value": "#2e2d3f"
    },
    "text": {
      "$type": "color",
      "$value": "#04050e"
    }
  }
}

About this palette

Classic Flood Brief is a 5-color OKLCH-ready palette tagged pink, 5 colors. Hex values: #E8E8EB, #686ECC, #685F00, #2E2D3F, #04050E. APCA contrast score Lc 8.1. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Classic Lavish Spending PrismTrending · Pink
  • Steady Vicious Violet ArchiveTrending · Red
  • Steady Fuchsia Pheromone CircuitTrending · Pink
  • Vivid Sweet Desire CircuitTrending · Pink
  • True Bureaucracy LedgerPink · Gray
  • Classic Bureaucracy PrismPink · Gray

Palettes with similar colors

Closest to Classic Flood Brief by OKLab color distance.

  • Pure Lavish Spending BriefPink · 5 Colors
  • Venus Violet HorizonTrending · Pink
  • Pure Scampi SystemPink · Gray
  • True Arcane Brew HorizonPink · 5 Colors
  • Pure Simply Purple AtelierPink · 5 Colors
  • Flood RibbonPink · 5 Colors
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