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/Pure Annatto System

Palette · 6 colors · Lc 9.3

Pure Annatto System palette

Pure Annatto System: a 6-color palette (Trending, Yellow, Warm, 6 Colors). HEX, RGB, HSL and OKLCH for #F7EDEB, #D8ADB0, #BC7D7E, #94543D, #50311D, #1E0C09, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Trending
  • Yellow
  • Warm
  • 6 Colors

bg

#F7EDEB

surface

#D8ADB0

muted

#BC7D7E

primary

#94543D

accent

#50311D

text

#1E0C09

Open in StudioOpen in PickerAll palettes

Colors in Pure Annatto System: HEX, RGB, HSL & OKLCH

  • bg

    #F7EDEB

    #F7EDEB color page →
    RGB
    rgb(247 237 235)
    HSL
    hsl(10 43% 95%)
    OKLCH
    oklch(0.953 0.011 31.1)

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

  • surface

    #D8ADB0

    #D8ADB0 color page →
    RGB
    rgb(216 173 176)
    HSL
    hsl(356 36% 76%)
    OKLCH
    oklch(0.787 0.05 13.6)

    WCAG contrast: on white 1.99:1 (Fail) · on black 10.52:1 (AAA)

  • muted

    #BC7D7E

    #BC7D7E color page →
    RGB
    rgb(188 125 126)
    HSL
    hsl(359 32% 61%)
    OKLCH
    oklch(0.655 0.079 18.4)

    WCAG contrast: on white 3.29:1 (Fail) · on black 6.37:1 (AA)

  • primary

    #94543D

    #94543D color page →
    RGB
    rgb(148 84 61)
    HSL
    hsl(16 42% 41%)
    OKLCH
    oklch(0.515 0.092 40.4)

    WCAG contrast: on white 5.84:1 (AA) · on black 3.59:1 (Fail)

  • accent

    #50311D

    #50311D color page →
    RGB
    rgb(80 49 29)
    HSL
    hsl(24 47% 21%)
    OKLCH
    oklch(0.346 0.055 52.8)

    WCAG contrast: on white 11.67:1 (AAA) · on black 1.79:1 (Fail)

  • text

    #1E0C09

    #1E0C09 color page →
    RGB
    rgb(30 12 9)
    HSL
    hsl(9 54% 8%)
    OKLCH
    oklch(0.181 0.032 30.6)

    WCAG contrast: on white 18.88:1 (AAA) · on black 1.11:1 (Fail)

Export Pure Annatto System: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #f7edeb;
  --surface: #d8adb0;
  --muted: #bc7d7e;
  --primary: #94543d;
  --accent: #50311d;
  --text: #1e0c09;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #f7edeb;
  --color-surface: #d8adb0;
  --color-muted: #bc7d7e;
  --color-primary: #94543d;
  --color-accent: #50311d;
  --color-text: #1e0c09;
}

JSON (DTCG tokens)

{
  "pure-annatto-system-19y": {
    "bg": {
      "$type": "color",
      "$value": "#f7edeb"
    },
    "surface": {
      "$type": "color",
      "$value": "#d8adb0"
    },
    "muted": {
      "$type": "color",
      "$value": "#bc7d7e"
    },
    "primary": {
      "$type": "color",
      "$value": "#94543d"
    },
    "accent": {
      "$type": "color",
      "$value": "#50311d"
    },
    "text": {
      "$type": "color",
      "$value": "#1e0c09"
    }
  }
}

About this palette

Pure Annatto System is a 6-color OKLCH-ready palette tagged trending, yellow, warm, 6 colors. Hex values: #F7EDEB, #D8ADB0, #BC7D7E, #94543D, #50311D, #1E0C09. APCA contrast score Lc 9.3. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Classic Mochaccino CascadeTrending · Yellow
  • True Komodo Dragon QuartzTrending · Yellow
  • Classic Morocco AtelierTrending · Orange
  • Vivid Red Stop CascadeTrending · Orange
  • True Llilacquered DuneTrending · Red
  • Shipwreck BeaconTrending · Green

Palettes with similar colors

Closest to Pure Annatto System by OKLab color distance.

  • True Indochine EmberYellow · Warm
  • Hot Sauce CircuitTrending · Orange
  • Pure Wild Horses KilnYellow · Gray
  • Red Elegance FogRed · Warm
  • True Hazelnut HorizonYellow · Warm
  • True Think Brick LatticeOrange · 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