Loading...
Created at 06/30/2025 17:21
Composable Web UX Theme
- Module Sky#60a5fa
- Template Mint#6ee7b7
- Insert Cream#fef9c3
- Stack Coral#fb7185
- Align Slate#334155
- Render Fog#f5f5f5
- ZIndex Jet#1f2937
The palette consists of Light, Dark colors. Accent colors Module Sky #60a5fa and Insert Cream #fef9c3. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #1F2937 (darkest) to #F5F5F5 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #1F2937, #334155, #60A5FA, #6EE7B7, #F5F5F5, #FB7185, #FEF9C3
Palette Composable Web UX Theme has combination of 7 codes colors:
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #6ee7b7, RGB: (110, 231, 183); HEX: #fef9c3, RGB: (254, 249, 195)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #334155, RGB: (51, 65, 85); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #1f2937, RGB: (31, 41, 55)
Simplified version of palette colors
Shade of cornflowerblue, Tint of aquamarine, Tint of lemonchiffon, Tint of lightcoral, Tint of darkslateblue, Shade of Black
Color scheme was created by coolor
Colors codes in palette
Composable Web UX Theme color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Module Sky | — |
| #6ee7b7 | #6ee7b7 | RGB(110, 231, 183) | Template Mint | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Insert Cream | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Stack Coral | — |
| #334155 | #334155 | RGB(51, 65, 85) | Align Slate | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Render Fog | White Smoke |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | ZIndex Jet | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#60a5fa | #6ee7b7 | 1.66 |
#60a5fa | #fb7185 | 1.05 |
#6ee7b7 | #fef9c3 | 1.41 |
#6ee7b7 | #fb7185 | 1.76 |
#6ee7b7 | #f5f5f5 | 1.39 |
#fef9c3 | #f5f5f5 | 1.01 |
Image palette Composable Web UX Theme png
Export Palette
Download the "Composable Web UX Theme" in multiple formats for seamless integration into your design projects.
Available formats: