Generate Palette
  1. Colors palettes
  2. Cloud-Based App Design System
Created at 06/20/2025 07:32
bycolourlock
  1

Cloud-Based App Design System

  • Deploy Aqua
    #7ce0d3
  • Auth Navy
    #24305e
  • Widget Cream
    #fffdf5
  • Latency Coral
    #ff8a80
  • Data Grid Gray
    #bfc3c6
  • Elastic Pink
    #fdc5e8
The palette consists of Light, Dark colors. Accent colors Deploy Aqua #7ce0d3 and Widget Cream #fffdf5. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #24305E (darkest) to #FFFDF5 (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): #24305E, #7CE0D3, #BFC3C6, #FDC5E8, #FF8A80, #FFFDF5

Palette Cloud-Based App Design System has combination of 6 codes colors:
HEX: #7ce0d3, RGB: (124, 224, 211); HEX: #24305e, RGB: (36, 48, 94); HEX: #fffdf5, RGB: (255, 253, 245)
HEX: #ff8a80, RGB: (255, 138, 128); HEX: #bfc3c6, RGB: (191, 195, 198); HEX: #fdc5e8, RGB: (253, 197, 232)
Simplified version of palette colors
Shade of turquoise, Shade of midnightblue, Shade of floralwhite, Shade of salmon, Shade of Silver, Shade of thistle
Color scheme was created by colourlock

Colors codes in palette

Cloud-Based App Design System color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#7ce0d3 #7ce0d3 RGB(124, 224, 211)Deploy Aqua—
#24305e #24305e RGB(36, 48, 94)Auth Navy—
#fffdf5 #fffdf5 RGB(255, 253, 245)Widget Cream—
#ff8a80 #ff8a80 RGB(255, 138, 128)Latency Coral—
#bfc3c6 #bfc3c6 RGB(191, 195, 198)Data Grid Gray—
#fdc5e8 #fdc5e8 RGB(253, 197, 232)Elastic Pink—

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#7ce0d3
#fffdf5
1.53
#7ce0d3
#ff8a80
1.46
#7ce0d3
#bfc3c6
1.13
#7ce0d3
#fdc5e8
1.06
#fffdf5
#bfc3c6
1.74
#fffdf5
#fdc5e8
1.43

Image palette Cloud-Based App Design System png

Cloud-Based App Design System - #552464
 Download image