Solar Warmth

Sun-baked terracottas and corals that feel generous and alive.

Food, travel & hospitality

About the Solar Warmth palette

Solar Warmth gathers the colors of late-afternoon sun — terracotta, golden sand, apricot, and soft peach. Warm and welcoming without tipping into garish, it radiates appetite, hospitality, and optimism, the kind of palette that makes a space or a plate feel inviting.

Where to use Solar Warmth

Made for food, travel, and hospitality brands, restaurant menus, and lifestyle editorial. Layer Soft Peach and Apricot as backgrounds, Terracotta for type and structure, and Blush Coral as a friendly accent.

Colors in the Solar Warmth palette

  • Terracotta text / deep accent
    HEX
    #CC6B50
    RGB
    rgb(204, 107, 80)
    HSL
    hsl(13, 55%, 56%)
    OKLCH
    oklch(0.6345 0.1295 36.47)
  • Golden Sand support
    HEX
    #E08A60
    RGB
    rgb(224, 138, 96)
    HSL
    hsl(20, 67%, 63%)
    OKLCH
    oklch(0.7146 0.1197 46.29)
  • Apricot accent
    HEX
    #EEB870
    RGB
    rgb(238, 184, 112)
    HSL
    hsl(34, 79%, 69%)
    OKLCH
    oklch(0.8166 0.1093 73.24)
  • Blush Coral accent
    HEX
    #E8A090
    RGB
    rgb(232, 160, 144)
    HSL
    hsl(11, 66%, 74%)
    OKLCH
    oklch(0.7718 0.0896 33.01)
  • Soft Peach base
    HEX
    #F4C8B0
    RGB
    rgb(244, 200, 176)
    HSL
    hsl(21, 76%, 82%)
    OKLCH
    oklch(0.8649 0.0598 50.17)

Text contrast on the Terracotta base

On the Terracotta base (#CC6B50), black text reads best, scoring a WCAG contrast ratio of 5.79:1. Use it for body copy and pair the palette's deeper tones for headings and accents.

Solar Warmth Body text on Terracotta — black at 5.79:1

Copy the Solar Warmth palette

CSS custom properties

:root {
	--color-1: #CC6B50;
	--color-2: #E08A60;
	--color-3: #EEB870;
	--color-4: #E8A090;
	--color-5: #F4C8B0;
}

JSON

{ "colors": [
  { "hex": "#CC6B50", "rgb": "rgb(204, 107, 80)", "hsl": "hsl(13, 55%, 56%)", "oklch": "oklch(0.6345 0.1295 36.47)" },
  { "hex": "#E08A60", "rgb": "rgb(224, 138, 96)", "hsl": "hsl(20, 67%, 63%)", "oklch": "oklch(0.7146 0.1197 46.29)" },
  { "hex": "#EEB870", "rgb": "rgb(238, 184, 112)", "hsl": "hsl(34, 79%, 69%)", "oklch": "oklch(0.8166 0.1093 73.24)" },
  { "hex": "#E8A090", "rgb": "rgb(232, 160, 144)", "hsl": "hsl(11, 66%, 74%)", "oklch": "oklch(0.7718 0.0896 33.01)" },
  { "hex": "#F4C8B0", "rgb": "rgb(244, 200, 176)", "hsl": "hsl(21, 76%, 82%)", "oklch": "oklch(0.8649 0.0598 50.17)" }
] }

Frequently asked questions

What is the Solar Warmth palette?
Solar Warmth gathers the colors of late-afternoon sun — terracotta, golden sand, apricot, and soft peach. Warm and welcoming without tipping into garish, it radiates appetite, hospitality, and optimism, the kind of palette that makes a space or a plate feel inviting.
What hex codes are in the Solar Warmth palette?
The Solar Warmth palette uses 5 colors: Terracotta #CC6B50, Golden Sand #E08A60, Apricot #EEB870, Blush Coral #E8A090, Soft Peach #F4C8B0.