Spring Meadow — 5-color palette
#7CB342#C5E1A5#FFEB3B#81D4FA#BCAAA4Hex codes
Hex
#7CB342
RGB
124, 179, 66
HSL
89°, 46%, 48%
Hex
#C5E1A5
RGB
197, 225, 165
HSL
88°, 50%, 76%
Hex
#FFEB3B
RGB
255, 235, 59
HSL
54°, 100%, 62%
Hex
#81D4FA
RGB
129, 212, 250
HSL
199°, 92%, 74%
Hex
#BCAAA4
RGB
188, 170, 164
HSL
15°, 15%, 69%
How to use this palette
The first color in Spring Meadow 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 {
--spring-meadow-1: #7CB342;
--spring-meadow-2: #C5E1A5;
--spring-meadow-3: #FFEB3B;
--spring-meadow-4: #81D4FA;
--spring-meadow-5: #BCAAA4;
}