Skip to content

Color Scheme

Joey Hong edited this page Jul 10, 2020 · 13 revisions

1. Yebalja's Color Scheme

  • Yebalja's primary color #4A91F5 represents trust and liberty.
  • Yebalja's color scheme follows simple rules on achieving the best secondary and accent colors based on a primary color.
    • Primary: #4A91F5
    • Secondary: #F2F8FF
    • Accent: #4DF0FF
  • These colors are recommended to be applied in a 60%, 30%, 10% ratio



2. Color Scheme Variations

The color picking rule provides variations of secondary and accent colors enriching the color scheme

  • Secondary options

    • #E6EBF2
    • #F2F8FF - Yebalja's secondary
    • #DAE4F2
    • #E5F0FF
  • Accent options

    • #5C4DFF
    • #7A4DFF
    • #4DF0FF - Yebalja's accent
    • #4DFFF0



3. Additional Colors

  • Additional Colors are also picked from the gradient stretching from #89F7FE to #66A6FF
  • Yebalja's primary was selected from this gradient.



4. Application Samples

  • App design in Yebalja's color scheme



  • Web page design with colors selected from the gradient (Timeline bar elements)
  • #4CE0F7
  • #47C5F4
  • #45BDF3
  • #42A7F1






1. 예발자의 색상 테마

  • 예발자의 핵심 색상 primary color#4A91F5 로 신뢰와 자유를 나타냅니다.
  • 예발자의 색상 테마는 간단한 색조합 규칙을 바탕으로 primary 색상에 가장 어울리는 secondaryaccent 로 구성되어 있습니다.
    • Primary: #4A91F5
    • Secondary: #F2F8FF
    • Accent: #4DF0FF
  • 해당 조합은 60%, 30%, 10% 의 비율로 사용되는 것이 권장됩니다.



2. 풍부한 색상 테마

색조합 규칙은 다양한 secondaryaccent 색상들을 제안하여 더욱 풍부한 색상 테마가 가능합니다.

  • Secondary 색상 후보

    • #E6EBF2
    • #F2F8FF - 예발자의 secondary
    • #DAE4F2
    • #E5F0FF
  • Accent 색상 후보

    • #5C4DFF
    • #7A4DFF
    • #4DF0FF - 예발자의 accent
    • #4DFFF0



3. 추가 색상

  • 추가 색상들은 #89F7FE 부터 #66A6FF 로 이루어진 그래디언트에서 선택됩니다.
  • 예발자의 primary 색상 또한 아래 그래디언트에서 선택되었습니다.



4. 색상 테마 적용 예시

  • 예발자의 색상 테마가 적용된 앱디자인



  • 그래디언트의 색들로 구성된 웹사이트 (타임라인의 항목들)
  • #4CE0F7
  • #47C5F4
  • #45BDF3
  • #42A7F1