added palette

sass/style.scss

@@ -275,10 +275,14 @@ a {
         background: var(--color-white);
     }
 
-    &--rsvp {
+    &--palette {
         background: var(--color-bg-alt);
     }
 
+    &--rsvp {
+        background: var(--color-white);
+    }
+
     &__title {
         font-family: $font-serif;
         font-size: clamp(2rem, 4vw, 2.8rem);
@@ -560,6 +564,38 @@ a {
     }
 }
 
+// ==========================
+// Palette
+// ==========================
+.palette {
+    display: flex;
+    justify-content: center;
+    gap: 40px;
+    flex-wrap: wrap;
+
+    &__item {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 12px;
+    }
+
+    &__circle {
+        width: 80px;
+        height: 80px;
+        border-radius: 50%;
+        border: 1px solid var(--color-border);
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+    }
+
+    &__name {
+        font-size: 0.8rem;
+        color: var(--color-text-light);
+        letter-spacing: 0.03em;
+        text-align: center;
+    }
+}
+
 // ==========================
 // RSVP Form
 // ==========================
@@ -759,6 +795,15 @@ a {
         gap: 20px;
     }
 
+    .palette {
+        gap: 24px;
+
+        &__circle {
+            width: 60px;
+            height: 60px;
+        }
+    }
+
     .section {
         padding: 70px 0;
     }