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/Tosty Crust Dune

Palette · 6 colors · Lc 8.4

Tosty Crust Dune palette

Tosty Crust Dune: a 6-color palette (Green, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F3EBDA, #D1BD98, #A27C48, #7D5229, #4F2E14, #1C1005, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Green
  • Warm
  • Nature
  • Brown
  • 6 Colors

bg

#F3EBDA

surface

#D1BD98

muted

#A27C48

primary

#7D5229

accent

#4F2E14

text

#1C1005

Open in StudioOpen in PickerAll palettes

Colors in Tosty Crust Dune: HEX, RGB, HSL & OKLCH

  • bg

    #F3EBDA

    #F3EBDA color page →
    RGB
    rgb(243 235 218)
    HSL
    hsl(41 51% 90%)
    OKLCH
    oklch(0.942 0.024 85.8)

    WCAG contrast: on white 1.18:1 (Fail) · on black 17.70:1 (AAA)

  • surface

    #D1BD98

    #D1BD98 color page →
    RGB
    rgb(209 189 152)
    HSL
    hsl(39 38% 71%)
    OKLCH
    oklch(0.806 0.055 82.8)

    WCAG contrast: on white 1.83:1 (Fail) · on black 11.44:1 (AAA)

  • muted

    #A27C48

    #A27C48 color page →
    RGB
    rgb(162 124 72)
    HSL
    hsl(35 38% 46%)
    OKLCH
    oklch(0.612 0.084 73.8)

    WCAG contrast: on white 3.80:1 (Fail) · on black 5.51:1 (AA)

  • primary

    #7D5229

    #7D5229 color page →
    RGB
    rgb(125 82 41)
    HSL
    hsl(29 51% 33%)
    OKLCH
    oklch(0.478 0.08 62.4)

    WCAG contrast: on white 6.75:1 (AA) · on black 3.11:1 (Fail)

  • accent

    #4F2E14

    #4F2E14 color page →
    RGB
    rgb(79 46 20)
    HSL
    hsl(26 60% 19%)
    OKLCH
    oklch(0.337 0.062 56.7)

    WCAG contrast: on white 12.11:1 (AAA) · on black 1.73:1 (Fail)

  • text

    #1C1005

    #1C1005 color page →
    RGB
    rgb(28 16 5)
    HSL
    hsl(29 70% 6%)
    OKLCH
    oklch(0.186 0.029 64.3)

    WCAG contrast: on white 18.65:1 (AAA) · on black 1.12:1 (Fail)

Export Tosty Crust Dune: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #f3ebda;
  --surface: #d1bd98;
  --muted: #a27c48;
  --primary: #7d5229;
  --accent: #4f2e14;
  --text: #1c1005;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #f3ebda;
  --color-surface: #d1bd98;
  --color-muted: #a27c48;
  --color-primary: #7d5229;
  --color-accent: #4f2e14;
  --color-text: #1c1005;
}

JSON (DTCG tokens)

{
  "tosty-crust-dune-2le": {
    "bg": {
      "$type": "color",
      "$value": "#f3ebda"
    },
    "surface": {
      "$type": "color",
      "$value": "#d1bd98"
    },
    "muted": {
      "$type": "color",
      "$value": "#a27c48"
    },
    "primary": {
      "$type": "color",
      "$value": "#7d5229"
    },
    "accent": {
      "$type": "color",
      "$value": "#4f2e14"
    },
    "text": {
      "$type": "color",
      "$value": "#1c1005"
    }
  }
}

About this palette

Tosty Crust Dune is a 6-color OKLCH-ready palette tagged green, warm, nature, brown, 6 colors. Hex values: #F3EBDA, #D1BD98, #A27C48, #7D5229, #4F2E14, #1C1005. APCA contrast score Lc 8.4. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Pure Arrakis Spice NexusGreen · Warm
  • Steady Tosty Crust CascadeGreen · Warm
  • True Komodo Dragon HorizonGreen · Warm
  • Tosty Crust DriftGreen · Warm
  • Tosty Crust QuartzGreen · Warm
  • Steady Caramelised Pecan NexusGreen · Warm

Palettes with similar colors

Closest to Tosty Crust Dune by OKLab color distance.

  • Pure Teak PrismGreen · Warm
  • Driftwood ForgeGreen · Warm
  • Classic Milk Chocolate PulseYellow · Warm
  • Classic Milk Chocolate HorizonYellow · Warm
  • True Tosty Crust TideGreen · Warm
  • Pure Driftwood FogGreen · 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