Generate Palette
  1. Colors palettes
  2. Next-Gen App Theme Toolkit
Created at 07/08/2025 08:29
byraccoon
  16

Next-Gen App Theme Toolkit

  • Signal Teal
    #20b2aa
  • Contrast Beige
    #f5f3f5
  • Display Yellow
    #ffed66
  • Interface Graphite
    #282828
  • Motion Rose
    #ff6f91
The palette consists of Light, Dark colors. Accent colors Signal Teal #20b2aa and Display Yellow #ffed66. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #282828 (darkest) to #F5F3F5 (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 warm.

HEX codes (sorted): #20B2AA, #282828, #F5F3F5, #FF6F91, #FFED66

Palette Next-Gen App Theme Toolkit has combination of 5 codes colors:
HEX: #20b2aa, RGB: (32, 178, 170); HEX: #f5f3f5, RGB: (245, 243, 245); HEX: #ffed66, RGB: (255, 237, 102)
HEX: #282828, RGB: (40, 40, 40); HEX: #ff6f91, RGB: (255, 111, 145)
Simplified version of palette colors
Tint of whitesmoke, Shade of Khaki, Shade of Black, Shade of palevioletred
Color scheme was created by raccoon

Colors codes in palette

Next-Gen App Theme Toolkit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#20b2aa #20b2aa RGB(32, 178, 170)Signal TealGlass Jar Blue
#f5f3f5 #f5f3f5 RGB(245, 243, 245)Contrast BeigeWhite Owl
#ffed66 #ffed66 RGB(255, 237, 102)Display Yellow—
#282828 #282828 RGB(40, 40, 40)Interface GraphiteDire Wolf
#ff6f91 #ff6f91 RGB(255, 111, 145)Motion Rose—

Color Palette Contrast

2 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#20b2aa
#ff6f91
1
#f5f3f5
#ffed66
1.08

Image palette Next-Gen App Theme Toolkit png

Next-Gen App Theme Toolkit - #554270
 Download image