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/Panorama Atelier

Palette · 3 colors · Lc 8

Panorama Atelier palette

Panorama Atelier: a 3-color palette (Blue, Gray, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #ECE5E4, #2E727E, #110402, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Blue
  • Gray
  • Cold
  • 3 Colors

bg

#ECE5E4

accent

#2E727E

text

#110402

Open in StudioOpen in PickerAll palettes

Colors in Panorama Atelier: HEX, RGB, HSL & OKLCH

  • bg

    #ECE5E4

    #ECE5E4 color page →
    RGB
    rgb(236 229 228)
    HSL
    hsl(7 17% 91%)
    OKLCH
    oklch(0.927 0.008 27.2)

    WCAG contrast: on white 1.24:1 (Fail) · on black 16.89:1 (AAA)

  • accent

    #2E727E

    #2E727E color page →
    RGB
    rgb(46 114 126)
    HSL
    hsl(189 47% 34%)
    OKLCH
    oklch(0.514 0.07 211)

    WCAG contrast: on white 5.49:1 (AA) · on black 3.82:1 (Fail)

  • text

    #110402

    #110402 color page →
    RGB
    rgb(17 4 2)
    HSL
    hsl(8 79% 4%)
    OKLCH
    oklch(0.131 0.029 36.6)

    WCAG contrast: on white 20.15:1 (AAA) · on black 1.04:1 (Fail)

Export Panorama Atelier: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #ece5e4;
  --accent: #2e727e;
  --text: #110402;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #ece5e4;
  --color-accent: #2e727e;
  --color-text: #110402;
}

JSON (DTCG tokens)

{
  "panorama-atelier-3q1": {
    "bg": {
      "$type": "color",
      "$value": "#ece5e4"
    },
    "accent": {
      "$type": "color",
      "$value": "#2e727e"
    },
    "text": {
      "$type": "color",
      "$value": "#110402"
    }
  }
}

About this palette

Panorama Atelier is a 3-color OKLCH-ready palette tagged blue, gray, cold, 3 colors. Hex values: #ECE5E4, #2E727E, #110402. APCA contrast score Lc 8. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Steady Bleu Ciel EmberTrending · Blue
  • Steady Teal With It MeadowBlue · Gray
  • True Yucca ArchiveTrending · Blue
  • Steady Paradisiacal Getaway GardenBlue · Gray
  • Steady Blue Moon ForgeBlue · Gray
  • Classic Waterworld ForgeBlue · Gray

Palettes with similar colors

Closest to Panorama Atelier by OKLab color distance.

  • Pure Diver’s Eden OrchardBlue · Gray
  • Pure Celestial SignalBlue · Gray
  • Steady Pine Scented Lagoon LedgerBlue · Gray
  • Classic Bermuda HarborBlue · Gray
  • Steady Pristine Seas LatticeBlue · Gray
  • Pine Scented Lagoon QuartzTurquoise · 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