Tailwind Developer Dreamscape
- Utility Blue#1fb6ff
- Spacing Sand#f7e9d7
- Breakpoints Plum#7c6a93
- Opacity Shell#fdf6f0
- Z-Index Moss#819c79
- Hover Cream#fff5e1
Created at 06/05/2025 19:41
The palette consists of Light, Semi dark colors. Accent colors Utility Blue #1fb6ff and Hover Cream #fff5e1. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #7C6A93 (darkest) to #FDF6F0 (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (3 of 6).
HEX codes (sorted): #1FB6FF, #7C6A93, #819C79, #F7E9D7, #FDF6F0, #FFF5E1
Palette Tailwind Developer Dreamscape combines 6 color codes:
HEX: #1fb6ff, RGB: (31, 182, 255); HEX: #f7e9d7, RGB: (247, 233, 215); HEX: #7c6a93, RGB: (124, 106, 147)
HEX: #fdf6f0, RGB: (253, 246, 240); HEX: #819c79, RGB: (129, 156, 121); HEX: #fff5e1, RGB: (255, 245, 225)
Simplified version of palette colors
Tint of Deep Sky Blue, Shade of Antique White, Shade of Medium Purple, Tint of Seashell, Shade of Dark Sea Green, Tint of Old Lace
Color scheme was created by colorstudio
Color codes in palette
Tailwind Developer Dreamscape color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #1fb6ff | #1fb6ff | RGB(31, 182, 255) | Utility Blue | — |
| #f7e9d7 | #f7e9d7 | RGB(247, 233, 215) | Spacing Sand | — |
| #7c6a93 | #7c6a93 | RGB(124, 106, 147) | Breakpoints Plum | — |
| #fdf6f0 | #fdf6f0 | RGB(253, 246, 240) | Opacity Shell | — |
| #819c79 | #819c79 | RGB(129, 156, 121) | Z-Index Moss | — |
| #fff5e1 | #fff5e1 | RGB(255, 245, 225) | Hover Cream | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#1fb6ff | #f7e9d7 | 1.91 |
#1fb6ff | #819c79 | 1.31 |
#f7e9d7 | #fdf6f0 | 1.11 |
#f7e9d7 | #fff5e1 | 1.1 |
#7c6a93 | #819c79 | 1.6 |
#fdf6f0 | #fff5e1 | 1.01 |
Image palette Tailwind Developer Dreamscape png
Export Palette
Download the "Tailwind Developer Dreamscape" in multiple formats for seamless integration into your design projects.
Available formats: