Digital Product Design Pattern
- Module Sky#a3d8f4
- Hierarchy Cream#fef9ef
- Interaction Navy#2c3a47
- Intent Mint#bdf2d5
- Persona Blush#ffcfd2
- Journey Grey#cacaca
Created at 07/07/2025 17:13
The palette consists of Light, Semi dark colors. Accent colors Module Sky #a3d8f4 and Persona Blush #ffcfd2. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #2C3A47 (darkest) to #FEF9EF (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (3 of 6).
HEX codes (sorted): #2C3A47, #A3D8F4, #BDF2D5, #CACACA, #FEF9EF, #FFCFD2
Palette Digital Product Design Pattern combines 6 color codes:
HEX: #a3d8f4, RGB: (163, 216, 244); HEX: #fef9ef, RGB: (254, 249, 239); HEX: #2c3a47, RGB: (44, 58, 71)
HEX: #bdf2d5, RGB: (189, 242, 213); HEX: #ffcfd2, RGB: (255, 207, 210); HEX: #cacaca, RGB: (202, 202, 202)
Simplified version of palette colors
Tint of Sky Blue, Shade of Floral White, Shade of Dark Slate Blue, Tint of Aquamarine, Tint of Pink, Tint of Silver
Color scheme was created by palettespicker
Color codes in palette
Digital Product Design Pattern color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #a3d8f4 | #a3d8f4 | RGB(163, 216, 244) | Module Sky | — |
| #fef9ef | #fef9ef | RGB(254, 249, 239) | Hierarchy Cream | — |
| #2c3a47 | #2c3a47 | RGB(44, 58, 71) | Interaction Navy | — |
| #bdf2d5 | #bdf2d5 | RGB(189, 242, 213) | Intent Mint | — |
| #ffcfd2 | #ffcfd2 | RGB(255, 207, 210) | Persona Blush | — |
| #cacaca | #cacaca | RGB(202, 202, 202) | Journey Grey | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#a3d8f4 | #fef9ef | 1.46 |
#a3d8f4 | #bdf2d5 | 1.22 |
#a3d8f4 | #ffcfd2 | 1.1 |
#a3d8f4 | #cacaca | 1.06 |
#fef9ef | #bdf2d5 | 1.18 |
#fef9ef | #ffcfd2 | 1.32 |
Image palette Digital Product Design Pattern png
Export Palette
Download the "Digital Product Design Pattern" in multiple formats for seamless integration into your design projects.
Available formats: