Generate Palette
  1. Color Palettes
  2. Next-Gen App Theme Toolkit

Next-Gen App Theme Toolkit

  • Signal Teal
    #20b2aa
  • Contrast Beige
    #f5f3f5
  • Display Yellow
    #ffed66
  • Interface Graphite
    #282828
  • Motion Rose
    #ff6f91
  16
Created at 07/08/2025 08:29
byraccoon
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) — 60% 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 warm (2 of 5).

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

Palette Next-Gen App Theme Toolkit combines 5 color codes:
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
Light Sea Green, Shade of White Smoke, Tint of Khaki, Tint of Black, Tint of Pale Violet Red
Color scheme was created by raccoon

Color 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 TealLightseagreen
#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 color palette: Signal Teal, Contrast Beige, Display Yellow, Interface Graphite, Motion Rose
 Download image