Calm color palettes
Quiet, low-contrast colors that slow a page down and let the content breathe. 151 palettes, each with HEX codes.
- Harbour Morning
- Moss Study
- Gelato and Sherbet
- Deep Library
- Terracotta Garden
- Tulip and Dew
- Pot Siesta
- Walnut Kiln
- Hemp Studio
- Glacier Lake
- Mist Daydream
- Almond Morning
- Verdigris and Basin
- Bracken Hollow
- Hoar Morning
- Peat Hands
- Drizzle Afternoon
- Lavender and Violet
- Moonpool Water
- Flurry and Alpine
- Celadon Room
- Rosemary Patio
- Atoll Mirror
- Birch Hideout
- Ripple Haven
- Drizzle Light
- Overcast Sky
- Seaglass Morning
- Eucalyptus Bath
- Acorn and Bark
- Harissa Market
- Sienna Patio
- Ripple Mirror
- Trust Briefing
- Heather and Violet
- Dove and Drizzle
- Linen Sanctuary
- Ivory Bouquet
- Chalk and Cotton
- Cloud Blue
- Lace and Sage
- Quiet Sky
- Pot Wall
- Dove and Hush
- Freesia Linen
- Porcelain Loft
- Nocturnal Study
- Whisk Pour
Most common colors in calm color palettes
Quiet, low-contrast colors that slow a page down and let the content breathe. Across all 151 calm palettes here, these named colors come up most often. Each links to its hex, RGB and OKLCH values and the colors that go with it.
- Anti-Flash White#EDF2F4in 22 palettes
- Pakistan Green#283618in 15 palettes
- Oxford Blue#1B263Bin 12 palettes
- Rich Black#0D1B2Ain 12 palettes
- Pine#2B5D34in 11 palettes
- Dark#1B2431in 10 palettes
- Dark Moss Green#606C38in 10 palettes
- Jet#212529in 10 palettes
- Lavender#E6E6FAin 10 palettes
- Pale Silver#D8E2DCin 10 palettes
- Brownish Purple#76424Ein 9 palettes
- Cultured#F8F9FAin 9 palettes
Calm color palette hex codes
| Palette | Hex codes |
|---|---|
| Harbour Morning | #0F2A3D #285E7A #6FA3B8 #BFDCE3 #F1F6F4 |
| Moss Study | #1E2B22 #3F5A3C #7F9965 #C9CFA8 #EEEADB |
| Gelato and Sherbet | #342443 #44546B #7D7F9E #C2A6B0 #ECDCEA |
| Deep Library | #011838 #00364B #00555E #98F8E9 |
| Terracotta Garden | #441428 #893F27 #A97F5F #D0AF79 #FFE7E7 |
| Tulip and Dew | #50260F #684A75 #B36D82 #D9AFCB #FFEEED |
| Pot Siesta | #3B3A30 #5E6F55 #A4543A #F6EEE3 |
| Walnut Kiln | #271B12 #4C331C #5E6B4B #9A7656 #EEE2CC |
Click a palette for its RGB, HSL and OKLCH values, contrast pairs, color-blindness preview and exports for CSS, Tailwind and Figma.
How to use a calm color palette
- A calm look comes as much from lightness and saturation as from hue, so keep new colors at a similar softness and depth.
- Pick a dominant color, a supporting color and one accent; the remaining colors become tints and shades.
- Check contrast for text, and test the palette in a real layout with the palette visualizer.
Frequently asked questions
What colors are in a calm color palette?
The colors used most across these calm palettes are Anti-Flash White, Pakistan Green, Oxford Blue, Rich Black, Pine and Dark. Quiet, low-contrast colors that slow a page down and let the content breathe.
How many calm color palettes are there?
There are 151 curated calm palettes on this page, each with hex codes and free exports.
Can I edit a calm palette?
Yes. Open any palette in the palette generator to lock, adjust or replace colors, check contrast and export to CSS, Tailwind, Figma or Adobe swatches.