Menghasilkan Palet
  1. Palet warna
  2. Design System Figma Bridge

Design System Figma Bridge

  • Frame Frost
    #f0f4f8
  • Vector Violet
    #b497bd
  • AutoLayout Amber
    #ffd580
  • Style Sheet Sand
    #ebe5d9
  • Swap Slate
    #708090
  • Nudge Navy
    #2c3e50
  21
Dibuat pada 06/11/2025 12:22
olehcolorday
Palet terdiri dari Terang, Setengah gelap warna. Warna aksen Frame Frost #f0f4f8 dan AutoLayout Amber #ffd580. Palet memiliki suhu warna Netral, Dingin, Hangat.

Menurut kecerahan, palet ini dari #2C3E50 (paling gelap) ke #F0F4F8 (paling terang). Rentang kecerahan lebar.

Saturasi campuran — 2 redup dan 1 cerah dari 6 warna.

Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.

Secara keseluruhan suhu warna condong ke dingin (3 dari 6).

Kode HEX (diurutkan): #2C3E50, #708090, #B497BD, #EBE5D9, #F0F4F8, #FFD580

Palet Design System Figma Bridge menggabungkan 6 kode warna:
HEX: #f0f4f8, RGB: (240, 244, 248); HEX: #b497bd, RGB: (180, 151, 189); HEX: #ffd580, RGB: (255, 213, 128)
HEX: #ebe5d9, RGB: (235, 229, 217); HEX: #708090, RGB: (112, 128, 144); HEX: #2c3e50, RGB: (44, 62, 80)
Versi warna palet yang disederhanakan
Nuansa gelap dari Biru Alice, Nuansa gelap dari Plum, Nuansa gelap dari Putih navajo, Nuansa gelap dari Renda tua, Abu-abu batu, Nuansa gelap dari Biru batu tua
Skema warna diciptakan oleh colorday

Kode warna dalam palet

Design System Figma Bridge kode warna HEX, informasi RGB dalam tabel

Warna HEX RGB Nama nama alternatif
#f0f4f8 #f0f4f8 RGB(240, 244, 248)Frame FrostChild of Light
#b497bd #b497bd RGB(180, 151, 189)Vector Violet—
#ffd580 #ffd580 RGB(255, 213, 128)AutoLayout Amber—
#ebe5d9 #ebe5d9 RGB(235, 229, 217)Style Sheet Sand—
#708090 #708090 RGB(112, 128, 144)Swap SlateSlategray
#2c3e50 #2c3e50 RGB(44, 62, 80)Nudge Navy—

Kontras Palet Warna

5 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teks Warna latar belakang Rasio Kontras
#f0f4f8
#ffd580
1.25
#f0f4f8
#ebe5d9
1.13
#b497bd
#ffd580
1.86
#b497bd
#708090
1.56
#ffd580
#ebe5d9
1.11

Palet gambar Design System Figma Bridge png

Design System Figma Bridge - #551824
 Unduh gambar