Modern Tranquil Color Palette
This palette blends sleek black and crisp white with refreshing teal and soft beige, evoking a modern, tranquil atmosphere perfect for contemporary design.
Practical uses and creative applications
The Modern Tranquil Color Palette features a harmonious blend of deep black (#000000), soothing teal (#1693a5), soft cream (#d8d8c0), light pastel yellow (#f0f0d8), and pure white (#ffffff). This palette is ideal for designers and creatives looking to evoke a sense of calm and sophistication in their projects.
Whether you’re working on branding, web design, packaging, or interior decor, these colors create a serene yet modern aesthetic that resonates with contemporary audiences. In branding, the Modern Tranquil Color Palette can be used to establish a trustworthy and professional image, appealing to businesses in wellness, technology, or lifestyle sectors.
Web designers will appreciate the versatility of these colors, as they offer a perfect balance for creating clean and user-friendly interfaces. For packaging, the combination of soft tones with bold accents can attract eco-conscious consumers, while interiors can utilize this palette to create tranquil spaces that promote relaxation and mindfulness.
Overall, this color palette suits a variety of styles, from minimalist to bohemian, making it a go-to choice for anyone looking to inspire creativity and tranquility. Its calming vibes are particularly appealing to designers, artists, and brands aiming to cultivate a peaceful atmosphere in their work and visual storytelling.
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.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
| 200 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
| 300 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
| 400 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
| 500 | oklch(0.000 0.000 0.00) | #000000 | hsl(0, 0%, 0%) |
|
|
| 600 | oklch(0.115 0.000 89.88) | #050505 | hsl(0, 0%, 2%) |
|
|
| 700 | oklch(0.145 0.000 89.88) | #0a0a0a | hsl(0, 0%, 4%) |
|
|
| 800 | oklch(0.168 0.000 89.88) | #0f0f0f | hsl(0, 0%, 6%) |
|
|
| 900 | oklch(0.191 0.000 89.88) | #141414 | hsl(0, 0%, 8%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.036 207.35) | #d2f4f9 | hsl(188, 76%, 90%) |
|
|
| 100 | oklch(0.888 0.071 208.23) | #a2e8f3 | hsl(188, 77%, 79%) |
|
|
| 200 | oklch(0.839 0.101 207.45) | #72ddec | hsl(187, 76%, 69%) |
|
|
| 300 | oklch(0.795 0.121 209.30) | #42d1e6 | hsl(188, 77%, 58%) |
|
|
| 400 | oklch(0.736 0.124 210.52) | #1cbed5 | hsl(187, 77%, 47%) |
|
|
| 500 | oklch(0.610 0.102 210.51) | #1693a5 | hsl(188, 76%, 37%) |
|
|
| 600 | oklch(0.545 0.090 209.96) | #137e8d | hsl(187, 76%, 31%) |
|
|
| 700 | oklch(0.476 0.078 210.51) | #106875 | hsl(188, 76%, 26%) |
|
|
| 800 | oklch(0.407 0.066 209.65) | #0c535d | hsl(187, 77%, 21%) |
|
|
| 900 | oklch(0.332 0.053 210.50) | #093d45 | hsl(188, 77%, 15%) |
|
|
| 950 | oklch(0.256 0.039 209.08) | #06282d | hsl(188, 76%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.016 106.70) | #ecece0 | hsl(60, 24%, 90%) |
|
|
| 100 | oklch(0.927 0.020 106.78) | #e8e8d9 | hsl(60, 25%, 88%) |
|
|
| 200 | oklch(0.914 0.023 106.84) | #e4e4d3 | hsl(60, 24%, 86%) |
|
|
| 300 | oklch(0.902 0.025 106.90) | #e0e0cd | hsl(60, 23%, 84%) |
|
|
| 400 | oklch(0.889 0.029 106.98) | #dcdcc6 | hsl(60, 24%, 82%) |
|
|
| 500 | oklch(0.876 0.032 107.05) | #d8d8c0 | hsl(60, 24%, 80%) |
|
|
| 600 | oklch(0.788 0.055 107.61) | #bdbd94 | hsl(60, 24%, 66%) |
|
|
| 700 | oklch(0.695 0.077 108.25) | #a1a168 | hsl(60, 23%, 52%) |
|
|
| 800 | oklch(0.561 0.065 108.33) | #78784a | hsl(60, 24%, 38%) |
|
|
| 900 | oklch(0.409 0.045 108.23) | #4c4c2f | hsl(60, 24%, 24%) |
|
|
| 950 | oklch(0.240 0.022 107.92) | #202014 | hsl(60, 23%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.030 106.96) | #f1f1da | hsl(60, 45%, 90%) |
|
|
| 100 | oklch(0.952 0.030 106.96) | #f1f1da | hsl(60, 45%, 90%) |
|
|
| 200 | oklch(0.952 0.032 106.98) | #f1f1d9 | hsl(60, 46%, 90%) |
|
|
| 300 | oklch(0.949 0.030 106.96) | #f0f0d9 | hsl(60, 43%, 90%) |
|
|
| 400 | oklch(0.949 0.032 106.99) | #f0f0d8 | hsl(60, 44%, 89%) |
|
|
| 500 | oklch(0.949 0.032 106.99) | #f0f0d8 | hsl(60, 44%, 89%) |
|
|
| 600 | oklch(0.874 0.078 107.91) | #dada9e | hsl(60, 45%, 74%) |
|
|
| 700 | oklch(0.797 0.119 108.83) | #c3c363 | hsl(60, 44%, 58%) |
|
|
| 800 | oklch(0.667 0.117 109.19) | #9a9a3b | hsl(60, 45%, 42%) |
|
|
| 900 | oklch(0.473 0.079 109.09) | #5f5f25 | hsl(60, 44%, 26%) |
|
|
| 950 | oklch(0.258 0.038 108.79) | #25250e | hsl(60, 45%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
