Created at 05/27/2025 22:27
  6

Seafoam Reactive Grid

  • Primary Teal
    #3eb3a7
  • Secondary Mint
    #a2ded0
  • Accent Yellow
    #ffd166
  • Background Ice
    #f9fcfb
  • Surface Pale Mint
    #e3f5ef
  • Text Slate
    #1d2c2e
The palette consists of Light, Dark colors. Accent colors Primary Teal #3eb3a7 and Accent Yellow #ffd166. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #1D2C2E (darkest) to #F9FCFB (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

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): #1D2C2E, #3EB3A7, #A2DED0, #E3F5EF, #F9FCFB, #FFD166

Palette Seafoam Reactive Grid has combination of 6 codes colors:
HEX: #3eb3a7, RGB: (62, 179, 167); HEX: #a2ded0, RGB: (162, 222, 208); HEX: #ffd166, RGB: (255, 209, 102)
HEX: #f9fcfb, RGB: (249, 252, 251); HEX: #e3f5ef, RGB: (227, 245, 239); HEX: #1d2c2e, RGB: (29, 44, 46)
Simplified version of palette colors
Shade of lightseagreen, Tint of paleturquoise, Shade of gold, Tint of White, Tint of mintcream, Tint of darkslategrey
Color scheme was created by raccoon

Colors codes in palette

Seafoam Reactive Grid color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3eb3a7 #3eb3a7 RGB(62, 179, 167)Primary Teal
#a2ded0 #a2ded0 RGB(162, 222, 208)Secondary Mint
#ffd166 #ffd166 RGB(255, 209, 102)Accent Yellow
#f9fcfb #f9fcfb RGB(249, 252, 251)Background Ice
#e3f5ef #e3f5ef RGB(227, 245, 239)Surface Pale Mint
#1d2c2e #1d2c2e RGB(29, 44, 46)Text Slate

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3eb3a7
#a2ded0
1.69
#3eb3a7
#ffd166
1.77
#a2ded0
#ffd166
1.04
#a2ded0
#f9fcfb
1.46
#a2ded0
#e3f5ef
1.33
#ffd166
#f9fcfb
1.39

Image palette Seafoam Reactive Grid png