Gentle Spring — 5-color palette
#A8E6CF#DCEDC2#FFD3B6#FFAAA5#FF8C94Hex codes
Hex
#A8E6CF
RGB
168, 230, 207
HSL
158°, 55%, 78%
Hex
#DCEDC2
RGB
220, 237, 194
HSL
84°, 54%, 85%
Hex
#FFD3B6
RGB
255, 211, 182
HSL
24°, 100%, 86%
Hex
#FFAAA5
RGB
255, 170, 165
HSL
3°, 100%, 82%
Hex
#FF8C94
RGB
255, 140, 148
HSL
356°, 100%, 77%
How to use this palette
The first color in Gentle Spring 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 {
--gentle-spring-1: #A8E6CF;
--gentle-spring-2: #DCEDC2;
--gentle-spring-3: #FFD3B6;
--gentle-spring-4: #FFAAA5;
--gentle-spring-5: #FF8C94;
}