Modern Tranquil Color Palette
A sophisticated blend of deep charcoal, soft misty green, and refreshing mint creates a tranquil and modern atmosphere, perfect for a chic, minimalist sanctuary.
Practical uses and creative applications
The Modern Tranquil Color Palette combines the deep sophistication of #333333 with the serene hues of #C5D2CA and the refreshing touch of #AEFFDE. This carefully curated selection is ideal for professionals seeking to create a calm and inviting atmosphere in their branding or web design.
The dark charcoal offers a strong foundation, while the soft greens and muted tones evoke feelings of peace and tranquility, making it an excellent choice for wellness brands, eco-conscious companies, or any business aiming to convey a sense of stability and harmony. Designers and creatives will find this palette particularly effective in packaging and interior design.
Whether you're crafting a minimalist product line or designing a soothing workspace, the Modern Tranquil Color Palette can help you achieve a balanced aesthetic. The combination of these colors not only enhances the visual appeal but also resonates with audiences seeking relaxation and clarity.
From chic branding materials to tranquil home environments, this palette is versatile enough to cater to a range of styles while maintaining a modern edge.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.814 0.000 89.88) | #c2c2c2 | hsl(0, 0%, 76%) |
|
|
| 200 | oklch(0.699 0.000 89.88) | #9e9e9e | hsl(0, 0%, 62%) |
|
|
| 300 | oklch(0.580 0.000 89.88) | #7a7a7a | hsl(0, 0%, 48%) |
|
|
| 400 | oklch(0.457 0.000 89.88) | #575757 | hsl(0, 0%, 34%) |
|
|
| 500 | oklch(0.321 0.000 89.88) | #333333 | hsl(0, 0%, 20%) |
|
|
| 600 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
| 700 | oklch(0.281 0.000 89.88) | #292929 | hsl(0, 0%, 16%) |
|
|
| 800 | oklch(0.260 0.000 89.88) | #242424 | hsl(0, 0%, 14%) |
|
|
| 900 | oklch(0.239 0.000 89.88) | #1f1f1f | hsl(0, 0%, 12%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.009 161.34) | #e2e9e5 | hsl(146, 14%, 90%) |
|
|
| 100 | oklch(0.911 0.011 158.83) | #dce4df | hsl(143, 13%, 88%) |
|
|
| 200 | oklch(0.898 0.013 156.98) | #d7e0da | hsl(140, 13%, 86%) |
|
|
| 300 | oklch(0.882 0.013 159.88) | #d1dbd5 | hsl(144, 12%, 84%) |
|
|
| 400 | oklch(0.868 0.017 156.86) | #cbd7cf | hsl(140, 13%, 82%) |
|
|
| 500 | oklch(0.852 0.018 159.05) | #c5d2ca | hsl(143, 13%, 80%) |
|
|
| 600 | oklch(0.746 0.031 157.65) | #9db3a5 | hsl(142, 13%, 66%) |
|
|
| 700 | oklch(0.637 0.045 157.95) | #759481 | hsl(143, 13%, 52%) |
|
|
| 800 | oklch(0.510 0.038 158.40) | #546d5e | hsl(144, 13%, 38%) |
|
|
| 900 | oklch(0.373 0.027 157.41) | #35453b | hsl(143, 13%, 24%) |
|
|
| 950 | oklch(0.222 0.013 160.10) | #161d19 | hsl(146, 14%, 10%) |
|
dsfds
| 50 | oklch(0.959 0.059 168.07) | #ccffea | hsl(155, 100%, 90%) |
|
|
| 100 | oklch(0.955 0.065 168.29) | #c6ffe8 | hsl(156, 100%, 89%) |
|
|
| 200 | oklch(0.951 0.072 167.52) | #c0ffe5 | hsl(155, 100%, 88%) |
|
|
| 300 | oklch(0.947 0.079 167.65) | #baffe3 | hsl(156, 100%, 86%) |
|
|
| 400 | oklch(0.942 0.085 166.96) | #b4ffe0 | hsl(155, 100%, 85%) |
|
|
| 500 | oklch(0.939 0.091 167.02) | #aeffde | hsl(156, 100%, 84%) |
|
|
| 600 | oklch(0.900 0.161 162.88) | #62ffbf | hsl(156, 100%, 69%) |
|
|
| 700 | oklch(0.881 0.206 157.30) | #17ffa0 | hsl(155, 100%, 55%) |
|
|
| 800 | oklch(0.738 0.179 155.93) | #00ca78 | hsl(156, 100%, 40%) |
|
|
| 900 | oklch(0.525 0.126 156.59) | #007f4b | hsl(155, 100%, 25%) |
|
|
| 950 | oklch(0.283 0.064 159.63) | #00331e | hsl(155, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
