Mint Fresh — 5-color palette
#B8E0D2#D6EADF#95B8D1#809BCE#F7F4EAHex codes
Hex
#B8E0D2
RGB
184, 224, 210
HSL
159°, 39%, 80%
Hex
#D6EADF
RGB
214, 234, 223
HSL
147°, 32%, 88%
Hex
#95B8D1
RGB
149, 184, 209
HSL
205°, 39%, 70%
Hex
#809BCE
RGB
128, 155, 206
HSL
219°, 44%, 65%
Hex
#F7F4EA
RGB
247, 244, 234
HSL
46°, 45%, 94%
How to use this palette
The first color in Mint Fresh 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 {
--mint-fresh-1: #B8E0D2;
--mint-fresh-2: #D6EADF;
--mint-fresh-3: #95B8D1;
--mint-fresh-4: #809BCE;
--mint-fresh-5: #F7F4EA;
}