Sunrise Yoga — 5-color palette
#FDE8D0#FAD2BC#FFB5A7#F8A87A#8B5A4CHex codes
Hex
#FDE8D0
RGB
253, 232, 208
HSL
32°, 92%, 90%
Hex
#FAD2BC
RGB
250, 210, 188
HSL
21°, 86%, 86%
Hex
#FFB5A7
RGB
255, 181, 167
HSL
10°, 100%, 83%
Hex
#F8A87A
RGB
248, 168, 122
HSL
22°, 90%, 73%
Hex
#8B5A4C
RGB
139, 90, 76
HSL
13°, 29%, 42%
How to use this palette
The first color in Sunrise Yoga is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--sunrise-yoga-1: #FDE8D0;
--sunrise-yoga-2: #FAD2BC;
--sunrise-yoga-3: #FFB5A7;
--sunrise-yoga-4: #F8A87A;
--sunrise-yoga-5: #8B5A4C;
}