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.
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.