Created at 07/05/2025 11:29
Design System Flow Protocol
- Component Ivory#fdf6ec
- Hierarchy Charcoal#2d2d2d
- Interaction Teal#9decf9
- Guideline Plum#baa0de
- Style Sheet Gold#ffdc6a
The palette consists of Light, Dark colors. Accent colors Interaction Teal #9decf9 and Style Sheet Gold #ffdc6a. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #2D2D2D (darkest) to #FDF6EC (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).
Overall temperature among swatches leans cool.
HEX codes (sorted): #2D2D2D, #9DECF9, #BAA0DE, #FDF6EC, #FFDC6A
Palette Design System Flow Protocol has combination of 5 codes colors:
HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #2d2d2d, RGB: (45, 45, 45); HEX: #9decf9, RGB: (157, 236, 249)
HEX: #baa0de, RGB: (186, 160, 222); HEX: #ffdc6a, RGB: (255, 220, 106)
Simplified version of palette colors
Tint of floralwhite, Shade of Black, Tint of paleturquoise, Tint of plum, Shade of gold
Color scheme was created by palettespicker
Colors codes in palette
Design System Flow Protocol color codes HEX, RGB information in table
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fdf6ec | #9decf9 | 1.23 |
#fdf6ec | #ffdc6a | 1.24 |
#9decf9 | #baa0de | 1.72 |
#9decf9 | #ffdc6a | 1 |
#baa0de | #ffdc6a | 1.71 |
Image palette Design System Flow Protocol png
Export Palette
Download the "Design System Flow Protocol" in multiple formats for seamless integration into your design projects.
Available formats: