Soft Mint and Pastel Yellow Color Palette
This refreshing palette of soft mint greens and gentle pastel yellows exudes a serene, nature-inspired vibe, perfect for creating a tranquil and uplifting atmosphere.
Practical uses and creative applications
The Soft Mint and Pastel Yellow Color Palette is a refreshing combination that embodies tranquility and warmth, making it ideal for a variety of creative applications. The soothing mint tones (#69d0b3, #9bdab3, #b4dfb3) effortlessly evoke a sense of calm, while the gentle pastel yellow shades (#cde4b3, #d9cf85) add a cheerful and uplifting touch.
This palette works beautifully in branding for businesses focused on wellness, beauty, or eco-friendly products, where a sense of serenity and optimism is essential to convey. Designers and creatives can leverage this color scheme in web design to create inviting and user-friendly interfaces.
The soft mint hues serve as a perfect backdrop, while the pastel yellows can accentuate key elements, ensuring a balance between aesthetics and functionality. Additionally, this palette shines in packaging design, where it can attract attention on store shelves while communicating a brand's commitment to a fresh and positive experience.
Whether for interiors in a cozy café or a modern office space, the Soft Mint and Pastel Yellow Color Palette fosters a light-hearted yet sophisticated atmosphere, ideal for both relaxation and productivity.
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.942 0.030 175.93) | #d8f3eb | hsl(162, 53%, 90%) |
|
|
| 100 | oklch(0.910 0.046 175.99) | #c2ece0 | hsl(163, 53%, 84%) |
|
|
| 200 | oklch(0.878 0.062 175.63) | #ace5d5 | hsl(163, 52%, 79%) |
|
|
| 300 | oklch(0.847 0.078 175.26) | #95deca | hsl(164, 53%, 73%) |
|
|
| 400 | oklch(0.817 0.093 173.68) | #7fd7be | hsl(163, 52%, 67%) |
|
|
| 500 | oklch(0.788 0.106 172.81) | #69d0b3 | hsl(163, 52%, 61%) |
|
|
| 600 | oklch(0.737 0.125 170.77) | #41c39f | hsl(163, 52%, 51%) |
|
|
| 700 | oklch(0.633 0.109 170.09) | #329f80 | hsl(163, 52%, 41%) |
|
|
| 800 | oklch(0.514 0.087 170.60) | #257760 | hsl(163, 53%, 31%) |
|
|
| 900 | oklch(0.387 0.062 171.37) | #194f40 | hsl(163, 52%, 20%) |
|
|
| 950 | oklch(0.249 0.037 171.14) | #0c271f | hsl(162, 53%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.031 159.08) | #daf1e3 | hsl(143, 45%, 90%) |
|
|
| 100 | oklch(0.917 0.043 158.02) | #cdedd9 | hsl(143, 47%, 87%) |
|
|
| 200 | oklch(0.897 0.052 158.15) | #c1e8d0 | hsl(143, 46%, 83%) |
|
|
| 300 | oklch(0.875 0.063 157.73) | #b4e3c6 | hsl(143, 46%, 80%) |
|
|
| 400 | oklch(0.856 0.074 157.31) | #a8dfbd | hsl(143, 46%, 77%) |
|
|
| 500 | oklch(0.835 0.084 156.86) | #9bdab3 | hsl(143, 46%, 73%) |
|
|
| 600 | oklch(0.763 0.123 154.80) | #6cc98f | hsl(143, 46%, 61%) |
|
|
| 700 | oklch(0.682 0.144 153.05) | #42b26d | hsl(143, 46%, 48%) |
|
|
| 800 | oklch(0.546 0.113 153.09) | #318350 | hsl(143, 46%, 35%) |
|
|
| 900 | oklch(0.401 0.079 153.41) | #1f5433 | hsl(143, 46%, 23%) |
|
|
| 950 | oklch(0.241 0.040 155.18) | #0e2517 | hsl(143, 45%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.035 143.97) | #dcf0db | hsl(117, 41%, 90%) |
|
|
| 100 | oklch(0.921 0.044 144.17) | #d4edd3 | hsl(118, 42%, 88%) |
|
|
| 200 | oklch(0.905 0.051 144.25) | #cce9cb | hsl(118, 41%, 85%) |
|
|
| 300 | oklch(0.891 0.059 144.31) | #c4e6c3 | hsl(118, 41%, 83%) |
|
|
| 400 | oklch(0.875 0.066 144.32) | #bce2bb | hsl(118, 40%, 81%) |
|
|
| 500 | oklch(0.861 0.075 144.31) | #b4dfb3 | hsl(119, 41%, 79%) |
|
|
| 600 | oklch(0.774 0.123 143.96) | #83ca82 | hsl(119, 40%, 65%) |
|
|
| 700 | oklch(0.691 0.167 142.99) | #53b550 | hsl(118, 41%, 51%) |
|
|
| 800 | oklch(0.556 0.137 143.25) | #3a8739 | hsl(119, 41%, 38%) |
|
|
| 900 | oklch(0.403 0.094 143.22) | #255524 | hsl(119, 40%, 24%) |
|
|
| 950 | oklch(0.237 0.047 142.95) | #10240f | hsl(117, 41%, 10%) |
|
dsfds
| 50 | oklch(0.945 0.035 128.10) | #e6f2d9 | hsl(89, 49%, 90%) |
|
|
| 100 | oklch(0.934 0.041 128.29) | #e1efd2 | hsl(89, 48%, 88%) |
|
|
| 200 | oklch(0.922 0.048 127.92) | #dcecca | hsl(88, 47%, 86%) |
|
|
| 300 | oklch(0.910 0.055 127.68) | #d7e9c2 | hsl(88, 47%, 84%) |
|
|
| 400 | oklch(0.901 0.063 128.40) | #d2e7bb | hsl(89, 48%, 82%) |
|
|
| 500 | oklch(0.889 0.070 128.22) | #cde4b3 | hsl(88, 48%, 80%) |
|
|
| 600 | oklch(0.813 0.117 129.22) | #aad17e | hsl(88, 47%, 66%) |
|
|
| 700 | oklch(0.742 0.159 130.69) | #88bf4a | hsl(88, 48%, 52%) |
|
|
| 800 | oklch(0.599 0.131 130.72) | #648f33 | hsl(88, 47%, 38%) |
|
|
| 900 | oklch(0.432 0.090 130.42) | #3f5a20 | hsl(88, 48%, 24%) |
|
|
| 950 | oklch(0.250 0.046 130.32) | #1a260d | hsl(89, 49%, 10%) |
|
dsfds
| 50 | oklch(0.951 0.032 101.15) | #f3f0d8 | hsl(53, 53%, 90%) |
|
|
| 100 | oklch(0.929 0.045 100.32) | #eee9c7 | hsl(52, 53%, 86%) |
|
|
| 200 | oklch(0.910 0.058 101.01) | #e9e3b7 | hsl(53, 53%, 82%) |
|
|
| 300 | oklch(0.887 0.071 101.51) | #e3dca6 | hsl(53, 52%, 77%) |
|
|
| 400 | oklch(0.868 0.083 101.90) | #ded696 | hsl(53, 52%, 73%) |
|
|
| 500 | oklch(0.846 0.095 101.54) | #d9cf85 | hsl(53, 53%, 69%) |
|
|
| 600 | oklch(0.790 0.124 101.57) | #cbbd57 | hsl(53, 53%, 57%) |
|
|
| 700 | oklch(0.702 0.125 101.14) | #b0a137 | hsl(53, 52%, 45%) |
|
|
| 800 | oklch(0.564 0.098 101.22) | #827729 | hsl(53, 52%, 34%) |
|
|
| 900 | oklch(0.418 0.072 102.73) | #544e1a | hsl(54, 53%, 22%) |
|
|
| 950 | oklch(0.257 0.039 102.24) | #27240c | hsl(53, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
