Loading...
Created at 07/11/2025 21:03
Open Source Component Webflow UI
- Commit Graphite#2e2e2e
- Fork Teal#00d9c0
- Star Yellow#ffd23f
- Edit Snow#fafafa
- Review Coral#ff6f61
- Publish Blue#48cae4
- Merge White#fdfdfd
The palette consists of Dark, Light colors. Accent colors Fork Teal #00d9c0 and Star Yellow #ffd23f. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #2E2E2E (darkest) to #FDFDFD (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): #00D9C0, #2E2E2E, #48CAE4, #FAFAFA, #FDFDFD, #FF6F61, #FFD23F
Palette Open Source Component Webflow UI has combination of 7 codes colors:
HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #00d9c0, RGB: (0, 217, 192); HEX: #ffd23f, RGB: (255, 210, 63)
HEX: #fafafa, RGB: (250, 250, 250); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #48cae4, RGB: (72, 202, 228)
HEX: #fdfdfd, RGB: (253, 253, 253)
Simplified version of palette colors
Shade of Black, Tint of turquoise, Shade of gold, Shade of whitesmoke, Tint of salmon, Tint of skyblue, Tint of White
Color scheme was created by bad_colors
Colors codes in palette
Open Source Component Webflow UI color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Commit Graphite | Carbon Fiber |
| #00d9c0 | #00d9c0 | RGB(0, 217, 192) | Fork Teal | — |
| #ffd23f | #ffd23f | RGB(255, 210, 63) | Star Yellow | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Edit Snow | Dr. White |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Review Coral | Living Coral |
| #48cae4 | #48cae4 | RGB(72, 202, 228) | Publish Blue | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Merge White | Brilliance |
Color Palette Contrast
13 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#00d9c0 | #ffd23f | 1.24 |
#00d9c0 | #fafafa | 1.72 |
#00d9c0 | #ff6f61 | 1.51 |
#00d9c0 | #48cae4 | 1.07 |
#00d9c0 | #fdfdfd | 1.76 |
#ffd23f | #fafafa | 1.38 |
Image palette Open Source Component Webflow UI png
Export Palette
Download the "Open Source Component Webflow UI" in multiple formats for seamless integration into your design projects.
Available formats: