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 Olivia Atelier

Palette · 5 colors · Lc 9.4

Classic Olivia Atelier palette

Classic Olivia Atelier: a 5-color palette (Green, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F5EDDA, #BFA16D, #916228, #5A3318, #201005, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • Warm
  • Nature
  • Brown
  • 5 Colors

bg

#F5EDDA

surface

#BFA16D

primary

#916228

accent

#5A3318

text

#201005

Open in StudioOpen in PickerAll palettes

Colors in Classic Olivia Atelier: HEX, RGB, HSL & OKLCH

  • bg

    #F5EDDA

    #F5EDDA color page →
    RGB
    rgb(245 237 218)
    HSL
    hsl(42 57% 91%)
    OKLCH
    oklch(0.947 0.027 87.9)

    WCAG contrast: on white 1.16:1 (Fail) · on black 18.00:1 (AAA)

  • surface

    #BFA16D

    #BFA16D color page →
    RGB
    rgb(191 161 109)
    HSL
    hsl(38 39% 59%)
    OKLCH
    oklch(0.724 0.078 80.8)

    WCAG contrast: on white 2.46:1 (Fail) · on black 8.53:1 (AAA)

  • primary

    #916228

    #916228 color page →
    RGB
    rgb(145 98 40)
    HSL
    hsl(33 57% 36%)
    OKLCH
    oklch(0.535 0.095 68.7)

    WCAG contrast: on white 5.27:1 (AA) · on black 3.98:1 (Fail)

  • accent

    #5A3318

    #5A3318 color page →
    RGB
    rgb(90 51 24)
    HSL
    hsl(25 58% 22%)
    OKLCH
    oklch(0.364 0.069 53.4)

    WCAG contrast: on white 10.92:1 (AAA) · on black 1.92:1 (Fail)

  • text

    #201005

    #201005 color page →
    RGB
    rgb(32 16 5)
    HSL
    hsl(24 73% 7%)
    OKLCH
    oklch(0.193 0.034 55.9)

    WCAG contrast: on white 18.45:1 (AAA) · on black 1.13:1 (Fail)

Export Classic Olivia Atelier: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #f5edda;
  --surface: #bfa16d;
  --primary: #916228;
  --accent: #5a3318;
  --text: #201005;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #f5edda;
  --color-surface: #bfa16d;
  --color-primary: #916228;
  --color-accent: #5a3318;
  --color-text: #201005;
}

JSON (DTCG tokens)

{
  "classic-olivia-atelier-1jf": {
    "bg": {
      "$type": "color",
      "$value": "#f5edda"
    },
    "surface": {
      "$type": "color",
      "$value": "#bfa16d"
    },
    "primary": {
      "$type": "color",
      "$value": "#916228"
    },
    "accent": {
      "$type": "color",
      "$value": "#5a3318"
    },
    "text": {
      "$type": "color",
      "$value": "#201005"
    }
  }
}

About this palette

Classic Olivia Atelier is a 5-color OKLCH-ready palette tagged green, warm, nature, brown, 5 colors. Hex values: #F5EDDA, #BFA16D, #916228, #5A3318, #201005. APCA contrast score Lc 9.4. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Classic Woodgrain EmberTrending · Green
  • Steady Olivia LatticeGreen · Warm
  • Steady Hot Curry NoirGreen · Warm
  • True Woodgrain PrismGreen · Warm
  • Pure Olivia HarborGreen · Warm
  • Steady Barrel Aged ForgeGreen · Gray

Palettes with similar colors

Closest to Classic Olivia Atelier by OKLab color distance.

  • Steady Frappé au Chocolat LatticeYellow · Warm
  • Pure Chilli Con Carne LedgerYellow · Warm
  • Classic Woodgrain CanvasGreen · Warm
  • Classic Mai Tai MeadowYellow · Warm
  • Woodgrain RibbonGreen · Warm
  • Steady Mai Tai OrchardYellow · 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