Tranquil Nature Color Palette

This palette exudes a tranquil yet vibrant energy, blending deep ocean blues, earthy neutrals, and pops of electric lavender and fresh mint, creating a modern, nature-inspired oasis.

#1B3C59
#456173
#524B46
#6F5CFF
#A6ED8E

Practical uses and creative applications

The Tranquil Nature Color Palette is a harmonious blend of earthy tones and soothing hues, making it an ideal choice for a variety of creative projects. With deep blues (#1B3C59) and muted greens (#456173, #A6ED8E) that evoke a sense of calm, this palette is perfect for branding that aims to convey sustainability and a connection to nature.

Web designers can utilize these colors to create serene and inviting user experiences, while packaging designers can evoke feelings of organic quality and eco-friendliness in their products. Ideal for creatives such as graphic designers, interior decorators, and brand strategists, the Tranquil Nature Color Palette fits seamlessly into styles ranging from minimalist to bohemian.

It can be used in interiors to create tranquil spaces that promote relaxation and mindfulness, or in marketing materials that wish to highlight a brand's commitment to environmental consciousness. Whether you are designing a tranquil yoga studio or a nature-inspired website, this palette beautifully embodies serenity and balance, appealing to audiences who appreciate the subtle beauty of the natural world.

Tailwind color scales

Browse Tailwind CSS color scales. Copy OKLCH, HEX, or HSL with one click. Preview colors in real UI examples and check contrast for accessibility.

dsfds

50 oklch(0.918 0.023 246.05) #d8e6f3 hsl(209, 53%, 90%)
100 oklch(0.809 0.056 245.20) #a3c5e3 hsl(208, 53%, 76%)
200 oklch(0.700 0.089 246.26) #6fa4d3 hsl(208, 53%, 63%)
300 oklch(0.593 0.120 247.86) #3b83c2 hsl(208, 53%, 50%)
400 oklch(0.473 0.094 248.42) #2b5f8e hsl(208, 54%, 36%)
500 oklch(0.346 0.064 247.40) #1b3c59 hsl(208, 53%, 23%)
600 oklch(0.320 0.058 247.75) #18354f hsl(208, 53%, 20%)
700 oklch(0.296 0.051 246.23) #152f45 hsl(208, 53%, 18%)
800 oklch(0.269 0.045 246.55) #12283b hsl(208, 53%, 15%)
900 oklch(0.241 0.039 247.05) #0f2131 hsl(208, 53%, 13%)
950 oklch(0.212 0.032 247.86) #0c1a27 hsl(209, 53%, 10%)

dsfds

50 oklch(0.923 0.011 234.83) #dfe7ec hsl(203, 25%, 90%)
100 oklch(0.839 0.022 235.05) #bdcdd7 hsl(203, 25%, 79%)
200 oklch(0.753 0.036 236.05) #9ab3c3 hsl(203, 25%, 68%)
300 oklch(0.666 0.048 236.38) #7899ae hsl(203, 25%, 58%)
400 oklch(0.575 0.054 236.97) #5a7e95 hsl(203, 25%, 47%)
500 oklch(0.478 0.044 237.10) #456173 hsl(203, 25%, 36%)
600 oklch(0.429 0.038 236.28) #3b5362 hsl(203, 25%, 31%)
700 oklch(0.379 0.034 237.31) #314552 hsl(204, 25%, 26%)
800 oklch(0.327 0.028 236.15) #273741 hsl(203, 25%, 20%)
900 oklch(0.273 0.022 237.83) #1d2931 hsl(204, 26%, 15%)
950 oklch(0.216 0.015 235.86) #131b20 hsl(203, 25%, 10%)

dsfds

50 oklch(0.924 0.004 56.37) #e8e5e3 hsl(24, 10%, 90%)
100 oklch(0.829 0.008 61.43) #cbc6c2 hsl(27, 8%, 78%)
200 oklch(0.733 0.013 59.50) #afa7a1 hsl(26, 8%, 66%)
300 oklch(0.634 0.018 58.48) #938880 hsl(25, 8%, 54%)
400 oklch(0.528 0.017 57.36) #736962 hsl(25, 8%, 42%)
500 oklch(0.418 0.012 57.95) #524b46 hsl(25, 8%, 30%)
600 oklch(0.380 0.011 56.05) #47413d hsl(24, 8%, 26%)
700 oklch(0.341 0.010 61.16) #3c3733 hsl(27, 8%, 22%)
800 oklch(0.300 0.008 59.37) #312d2a hsl(26, 8%, 18%)
900 oklch(0.259 0.006 56.12) #262321 hsl(24, 7%, 14%)
950 oklch(0.216 0.006 56.04) #1c1917 hsl(24, 10%, 10%)

dsfds

50 oklch(0.867 0.070 290.24) #d2ccff hsl(247, 100%, 90%)
100 oklch(0.809 0.102 288.91) #beb6ff hsl(247, 100%, 86%)
200 oklch(0.750 0.136 287.90) #aa9fff hsl(247, 100%, 81%)
300 oklch(0.695 0.169 286.57) #9789ff hsl(247, 100%, 77%)
400 oklch(0.639 0.202 284.62) #8372ff hsl(247, 100%, 72%)
500 oklch(0.589 0.231 281.89) #6f5cff hsl(247, 100%, 68%)
600 oklch(0.485 0.292 272.15) #3b21ff hsl(247, 100%, 56%)
700 oklch(0.422 0.285 266.99) #1b00e5 hsl(247, 100%, 45%)
800 oklch(0.338 0.226 267.72) #1400a9 hsl(247, 100%, 33%)
900 oklch(0.249 0.164 269.31) #0d006e hsl(247, 100%, 22%)
950 oklch(0.153 0.096 274.48) #060033 hsl(247, 100%, 10%)

dsfds

50 oklch(0.949 0.057 138.09) #dcf8d3 hsl(105, 73%, 90%)
100 oklch(0.934 0.076 138.07) #d1f6c5 hsl(105, 73%, 87%)
200 oklch(0.920 0.093 137.60) #c7f4b7 hsl(104, 73%, 84%)
300 oklch(0.904 0.109 137.92) #bcf1aa hsl(105, 72%, 81%)
400 oklch(0.890 0.127 138.01) #b1ef9c hsl(105, 72%, 77%)
500 oklch(0.877 0.144 138.11) #a6ed8e hsl(105, 73%, 74%)
600 oklch(0.826 0.206 138.73) #79e455 hsl(105, 73%, 61%)
700 oklch(0.771 0.236 139.81) #4fd622 hsl(105, 73%, 49%)
800 oklch(0.614 0.185 139.70) #3a9d19 hsl(105, 73%, 36%)
900 oklch(0.448 0.132 139.55) #256510 hsl(105, 73%, 23%)
950 oklch(0.262 0.070 139.00) #102c07 hsl(105, 73%, 10%)

Related palettes

Discover more palettes with a similar mood and vibe or Browse our collection.

#355C7D
#6C5B7B
#C06C84
#F67280
#F8B400
#E0EDFF
#7BDEFF
#394CF8
#071B4B
#123D66
#6EE2C1
#77B7B7
#818CAC
#8A60A2
#933597
#041122
#259073
#7fda89
#c8e98e
#e6f99d
#001449
#012677
#005bc5
#00b4fc
#17f9ff
#f5c8bf
#e0d2c5
#cad9ca
#a7e3c1
#495453
#d8f5d1
#9ddbca
#92b395
#726c81
#565164
#8e3f65
#73738d
#72a5ae
#98e9d0
#d8ffcc
#484450
#466067
#459a96
#34baab
#c4c8c5
© 2025 KColor. All rights reserved. 1.11.0