상단 띠 색 — 4개 안

실제 자사몰 화면에 색만 주입해 캡처했습니다(손으로 그린 목업 아님).
하단 구매바 #3A7D44는 고정이고, 바뀌는 건 상단 띠 배경 + 강조 글자색뿐입니다. 이너 그라데이션 구조는 4개 안 모두 동일.

A
B
C
D
하단 구매바 #3A7D44 (고정, 안 바뀜)
A · 원안 (지금) 현재
A 띠
A 전체화면
#2C3E2D중간 #3d5a3e
강조 연두(현행) #a8d5a0 · 대비 6.9 / 흰글자 11.5

어두운 녹색. 하단 구매바와 톤이 다름

B · 바텀시트 색
B 띠
B 전체화면
#3A7D44중간 #4b9955
강조 아이보리 #FDF3DC · 대비 4.5 / 흰글자 5

하단 구매바와 완전히 같은 초록 — 위아래가 한 세트로 보임

C · 한 톤 낮춤
C 띠
C 전체화면
#357447중간 #469058
강조 샴페인 #F6E7C1 · 대비 4.6 / 흰글자 5.6

하단바보다 살짝 차분. 글자 대비에 여유

D · 중간 지점
D 띠
D 전체화면
#335F3B중간 #447b4c
강조 연두(현행) #a8d5a0 · 대비 4.5 / 흰글자 7.4

원안과 하단바 사이. 변화 폭이 작아 "바꾼 티"가 덜 남

강조 글자색ABCD
연두 #a8d5a06.933.14.5
샴페인 #F6E7C110.24.44.66.5
아이보리 #FDF3DC10.54.54.86.7
흰색 #FFFFFF11.555.67.4

대비 기준 — 본문 글자는 4.5 이상이어야 읽기 편합니다(초록=통과, 빨강=미달).
강조색은 하나로 통일하지 않고 배경마다 통과하는 것으로 골랐습니다. B는 연두가 3.0으로 떨어져 아이보리, C는 샴페인을 씁니다.
카드를 클릭하면 그 안만 남고 나머지가 흐려집니다. hex를 누르면 복사됩니다.