Created at 07/14/2025 07:50
Composable Low-Code Design Framework
Module Violet
#cdb4db
Logic Grey
#9aa0a8
Canvas White
#fefefe
Element Aqua
#9bf6ff
Action Coral
#ff847c
Token Indigo
#7b6cf6
The palette consists of Light colors. Accent colors Element Aqua #9bf6ff and Action Coral #ff847c. Palette has Cool, Neutral, Warm colors temperature.
Palette Composable Low-Code Design Framework has combination of 6 codes colors:
HEX: #cdb4db, RGB: (205, 180, 219); HEX: #9aa0a8, RGB: (154, 160, 168); HEX: #fefefe, RGB: (254, 254, 254)
HEX: #9bf6ff, RGB: (155, 246, 255); HEX: #ff847c, RGB: (255, 132, 124); HEX: #7b6cf6, RGB: (123, 108, 246)
Simplified version of palette colors
Tint of thistle, Tint of darkgrey, Tint of White, Shade of paleturquoise, Shade of salmon, Shade of mediumslateblue
Color scheme was created by palettespicker
Colors codes in palette
Composable Low-Code Design Framework color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #cdb4db | #cdb4db | RGB(205, 180, 219) | Module Violet | — |
| #9aa0a8 | #9aa0a8 | RGB(154, 160, 168) | Logic Grey | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | Canvas White | White as Heaven |
| #9bf6ff | #9bf6ff | RGB(155, 246, 255) | Element Aqua | — |
| #ff847c | #ff847c | RGB(255, 132, 124) | Action Coral | — |
| #7b6cf6 | #7b6cf6 | RGB(123, 108, 246) | Token Indigo | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#cdb4db | #9aa0a8 | 1.39 |
#cdb4db | #fefefe | 1.86 |
#cdb4db | #9bf6ff | 1.52 |
#cdb4db | #ff847c | 1.26 |
#9aa0a8 | #ff847c | 1.1 |
#9aa0a8 | #7b6cf6 | 1.49 |
Image palette Composable Low-Code Design Framework png
Export Palette
Download the "Composable Low-Code Design Framework" in multiple formats for seamless integration into your design projects.
Available formats: