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/Grand Canyon Studio

Palette · 5 colors · Lc 9.2

Grand Canyon Studio palette

Grand Canyon Studio: a 5-color palette (Orange, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F4EFEB, #D1A07B, #9B5743, #642F28, #230E08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Orange
  • Warm
  • Nature
  • Brown
  • 5 Colors

bg

#F4EFEB

surface

#D1A07B

primary

#9B5743

accent

#642F28

text

#230E08

Open in StudioOpen in PickerAll palettes

Colors in Grand Canyon Studio: HEX, RGB, HSL & OKLCH

  • bg

    #F4EFEB

    #F4EFEB color page →
    RGB
    rgb(244 239 235)
    HSL
    hsl(27 29% 94%)
    OKLCH
    oklch(0.955 0.008 61.5)

    WCAG contrast: on white 1.14:1 (Fail) · on black 18.39:1 (AAA)

  • surface

    #D1A07B

    #D1A07B color page →
    RGB
    rgb(209 160 123)
    HSL
    hsl(26 48% 65%)
    OKLCH
    oklch(0.743 0.077 58.3)

    WCAG contrast: on white 2.32:1 (Fail) · on black 9.02:1 (AAA)

  • primary

    #9B5743

    #9B5743 color page →
    RGB
    rgb(155 87 67)
    HSL
    hsl(14 40% 44%)
    OKLCH
    oklch(0.531 0.095 37.2)

    WCAG contrast: on white 5.47:1 (AA) · on black 3.83:1 (Fail)

  • accent

    #642F28

    #642F28 color page →
    RGB
    rgb(100 47 40)
    HSL
    hsl(7 43% 27%)
    OKLCH
    oklch(0.375 0.078 29)

    WCAG contrast: on white 10.61:1 (AAA) · on black 1.97:1 (Fail)

  • text

    #230E08

    #230E08 color page →
    RGB
    rgb(35 14 8)
    HSL
    hsl(13 63% 8%)
    OKLCH
    oklch(0.194 0.038 37.1)

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

Export Grand Canyon Studio: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #f4efeb;
  --surface: #d1a07b;
  --primary: #9b5743;
  --accent: #642f28;
  --text: #230e08;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #f4efeb;
  --color-surface: #d1a07b;
  --color-primary: #9b5743;
  --color-accent: #642f28;
  --color-text: #230e08;
}

JSON (DTCG tokens)

{
  "grand-canyon-studio-1a4": {
    "bg": {
      "$type": "color",
      "$value": "#f4efeb"
    },
    "surface": {
      "$type": "color",
      "$value": "#d1a07b"
    },
    "primary": {
      "$type": "color",
      "$value": "#9b5743"
    },
    "accent": {
      "$type": "color",
      "$value": "#642f28"
    },
    "text": {
      "$type": "color",
      "$value": "#230e08"
    }
  }
}

About this palette

Grand Canyon Studio is a 5-color OKLCH-ready palette tagged orange, warm, nature, brown, 5 colors. Hex values: #F4EFEB, #D1A07B, #9B5743, #642F28, #230E08. APCA contrast score Lc 9.2. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • True Chutney FogOrange · Warm
  • Cheek Red BriefOrange · Warm
  • Cinnapink RibbonOrange · Warm
  • Pure Cheek Red VaultOrange · Warm
  • Pure Grand Canyon SignalOrange · Warm
  • Classic Cheek Red FogOrange · Warm

Palettes with similar colors

Closest to Grand Canyon Studio by OKLab color distance.

  • Classic Grand Canyon LedgerOrange · Warm
  • True Truffle Trouble LatticeOrange · Warm
  • Steady Coconut SignalYellow · Warm
  • Pure Vintage Copper MeadowYellow · Warm
  • Pure Indochine TideYellow · Warm
  • Pure Grand Canyon OrchardOrange · 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