Created at 03/01/2026 14:53
1
Digital Product Architect Contrast Kit
- Brand Builder Amber#f59e0b
- Framework Graphite#1f2937
- Success Path Emerald#10b981
- Interaction Magenta#db2777
- Layout Cloud#e5e7eb
- Logic Indigo#6366f1
- Signal Cyan#06b6d4
The palette consists of Light, Dark, Semi dark colors. Accent colors Brand Builder Amber #f59e0b and Signal Cyan #06b6d4. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #1F2937 (darkest) to #E5E7EB (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): #06B6D4, #10B981, #1F2937, #6366F1, #DB2777, #E5E7EB, #F59E0B
Palette Digital Product Architect Contrast Kit has combination of 7 codes colors:
HEX: #f59e0b, RGB: (245, 158, 11); HEX: #1f2937, RGB: (31, 41, 55); HEX: #10b981, RGB: (16, 185, 129)
HEX: #db2777, RGB: (219, 39, 119); HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #6366f1, RGB: (99, 102, 241)
HEX: #06b6d4, RGB: (6, 182, 212)
Simplified version of palette colors
Tint of Orange, Shade of Black, Tint of mediumseagreen, Shade of mediumvioletred, Shade of gainsboro, Tint of mediumslateblue, Tint of deepskyblue
Color scheme was created by hex
Colors codes in palette
Digital Product Architect Contrast Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f59e0b | #f59e0b | RGB(245, 158, 11) | Brand Builder Amber | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Framework Graphite | — |
| #10b981 | #10b981 | RGB(16, 185, 129) | Success Path Emerald | — |
| #db2777 | #db2777 | RGB(219, 39, 119) | Interaction Magenta | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Layout Cloud | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Logic Indigo | — |
| #06b6d4 | #06b6d4 | RGB(6, 182, 212) | Signal Cyan | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f59e0b | #10b981 | 1.18 |
#f59e0b | #e5e7eb | 1.73 |
#f59e0b | #06b6d4 | 1.13 |
#10b981 | #db2777 | 1.81 |
#10b981 | #6366f1 | 1.76 |
#10b981 | #06b6d4 | 1.04 |
Image palette Digital Product Architect Contrast Kit png
Export Palette
Download the "Digital Product Architect Contrast Kit" in multiple formats for seamless integration into your design projects.
Available formats: