Modern SaaS Product UI Theme

  • Subscription Sky
    #a8dadc
  • Feature Coral
    #f28482
  • User Panel Navy
    #1d3557
  • Metrics Cream
    #fff9e3
  • Support Teal
    #1fab89
  • Banner Lilac
    #ddbdd5
  • Action Grey
    #dee2e6
  41
Utworzono 07/11/2025 20:47
autorstwacolorstudio
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące User Panel Navy #1d3557 i Metrics Cream #fff9e3. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

Według jasności paleta rozciąga się od #1D3557 (najciemniejszy) do #FFF9E3 (najjaśniejszy). Zakres jasności jest szeroki.

Nasycenie jest mieszane — 1 stonowanych i 3 żywych z 7 kolorów.

Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.

Ogólna temperatura barw przechyla się ku zimnu (4 z 7).

Kody HEX (posortowane): #1D3557, #1FAB89, #A8DADC, #DDBDD5, #DEE2E6, #F28482, #FFF9E3

Paleta Modern SaaS Product UI Theme łączy 7 kodów kolorów:
HEX: #a8dadc, RGB: (168, 218, 220); HEX: #f28482, RGB: (242, 132, 130); HEX: #1d3557, RGB: (29, 53, 87)
HEX: #fff9e3, RGB: (255, 249, 227); HEX: #1fab89, RGB: (31, 171, 137); HEX: #ddbdd5, RGB: (221, 189, 213)
HEX: #dee2e6, RGB: (222, 226, 230)
Uproszczona wersja palety kolorów
Ciemny odcień Pudrowy niebieski, Jasny odcień Jasnokoralowy, Jasny odcień Nocny błękit, Jasny odcień Jedwab kukurydziany, Ciemny odcień Średnia zieleń morska, Ciemny odcień Ostowy, Jasny odcień Gainsboro
Schemat kolorów został stworzony przez colorstudio

Kody kolorów w palecie

Modern SaaS Product UI Theme kody kolorów HEX, informacje RGB w tabeli

KolorHEXRGBNazwaAlternatywna nazwa
#a8dadc#a8dadcRGB(168, 218, 220)Subscription Sky—
#f28482#f28482RGB(242, 132, 130)Feature Coral—
#1d3557#1d3557RGB(29, 53, 87)User Panel Navy—
#fff9e3#fff9e3RGB(255, 249, 227)Metrics Cream—
#1fab89#1fab89RGB(31, 171, 137)Support Teal—
#ddbdd5#ddbdd5RGB(221, 189, 213)Banner Lilac—
#dee2e6#dee2e6RGB(222, 226, 230)Action Grey—

Kontrast palety kolorów

12 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstuKolor tłaWspółczynnik kontrastu
#a8dadc
#f28482
1.63
#a8dadc
#fff9e3
1.45
#a8dadc
#1fab89
1.89
#a8dadc
#ddbdd5
1.11
#a8dadc
#dee2e6
1.17
#f28482
#1fab89
1.15

Paleta obrazów Modern SaaS Product UI Theme png