Loading...
Created at 06/19/2025 20:56
Clean UI Schema Builder
- Node Cloud#e6f2f8
- Key White#ffffff
- Relation Navy#264653
- Dataflow Rose#f4a6a6
- Schema Gold#ffd166
- Validator Teal#2a9d8f
The palette consists of Light colors. Accent colors Schema Gold #ffd166 and Validator Teal #2a9d8f. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #264653 (darkest) to #FFFFFF (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).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #264653, #2A9D8F, #E6F2F8, #F4A6A6, #FFD166, #FFFFFF
Palette Clean UI Schema Builder has combination of 6 codes colors:
HEX: #e6f2f8, RGB: (230, 242, 248); HEX: #ffffff, RGB: (255, 255, 255); HEX: #264653, RGB: (38, 70, 83)
HEX: #f4a6a6, RGB: (244, 166, 166); HEX: #ffd166, RGB: (255, 209, 102); HEX: #2a9d8f, RGB: (42, 157, 143)
Simplified version of palette colors
Tint of aliceblue, White, Tint of darkslategrey, Tint of lightpink, Shade of gold, Tint of lightseagreen
Color scheme was created by bad_colors
Colors codes in palette
Clean UI Schema Builder color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e6f2f8 | #e6f2f8 | RGB(230, 242, 248) | Node Cloud | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Key White | White |
| #264653 | #264653 | RGB(38, 70, 83) | Relation Navy | — |
| #f4a6a6 | #f4a6a6 | RGB(244, 166, 166) | Dataflow Rose | — |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Schema Gold | — |
| #2a9d8f | #2a9d8f | RGB(42, 157, 143) | Validator Teal | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e6f2f8 | #ffffff | 1.14 |
#e6f2f8 | #f4a6a6 | 1.69 |
#e6f2f8 | #ffd166 | 1.26 |
#ffffff | #f4a6a6 | 1.93 |
#ffffff | #ffd166 | 1.44 |
#f4a6a6 | #ffd166 | 1.34 |
Image palette Clean UI Schema Builder png
Export Palette
Download the "Clean UI Schema Builder" in multiple formats for seamless integration into your design projects.
Available formats: