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.
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, whitesmoke, 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 |
