Created at 07/16/2025 20:10
Composable Web UI Framework for AI Tools
Atomic Sky
#89cff0
Modular Ink
#2f2f2f
Token Rose
#ff9aa2
Reusable Cream
#fffdf7
Visual State Indigo
#6a0572
Component Grid Gray
#b0bec5
The palette consists of Light, Dark colors. Accent colors Atomic Sky #89cff0 and Reusable Cream #fffdf7. Palette has Cool, Neutral, Warm colors temperature.
Palette Composable Web UI Framework for AI Tools has combination of 6 codes colors:
HEX: #89cff0, RGB: (137, 207, 240); HEX: #2f2f2f, RGB: (47, 47, 47); HEX: #ff9aa2, RGB: (255, 154, 162)
HEX: #fffdf7, RGB: (255, 253, 247); HEX: #6a0572, RGB: (106, 5, 114); HEX: #b0bec5, RGB: (176, 190, 197)
Simplified version of palette colors
Shade of skyblue, Shade of Black, Tint of lightpink, Shade of floralwhite, Tint of Purple, Tint of Silver
Color scheme was created by hex
Colors codes in palette
Composable Web UI Framework for AI Tools color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #89cff0 | #89cff0 | RGB(137, 207, 240) | Atomic Sky | Pool Tiles |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Modular Ink | — |
| #ff9aa2 | #ff9aa2 | RGB(255, 154, 162) | Token Rose | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Reusable Cream | — |
| #6a0572 | #6a0572 | RGB(106, 5, 114) | Visual State Indigo | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Component Grid Gray | Ocean Drive |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#89cff0 | #ff9aa2 | 1.17 |
#89cff0 | #fffdf7 | 1.68 |
#89cff0 | #b0bec5 | 1.11 |
#2f2f2f | #6a0572 | 1.19 |
#ff9aa2 | #fffdf7 | 1.98 |
#ff9aa2 | #b0bec5 | 1.05 |
