ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/App UI

Education Amber Scholar

Warm academic LMS interface scheme combining scholarly amber accents with readable charcoal typography.

#App UI#Warm#UI#Creative#Clean
Open in Generator
COLOR 1
#1C1917
Sumi Ink Black
COLOR 2
#44403C
Onyx
COLOR 3
#D97706
Baltic Amber
COLOR 4
#FBBF24
Yellow 500
COLOR 5
#FEF3C7
Lemon Chiffon

Color Values & Codes

HEX · RGB · HSL
rgb(28, 25, 23)hsl(24, 10%, 10%)Color details →
Onyx
#44403C
rgb(68, 64, 60)hsl(30, 6%, 25%)Color details →
rgb(217, 119, 6)hsl(32, 95%, 44%)Color details →
Yellow 500
#FBBF24
rgb(251, 191, 36)hsl(43, 96%, 56%)Color details →
rgb(254, 243, 199)hsl(48, 96%, 89%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
App UI Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #1C1917;
  --color-2: #44403C;
  --color-3: #D97706;
  --color-4: #FBBF24;
  --color-5: #FEF3C7;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#1C1917 on #FBBF2410.48:1
Normal Text AA Pass
Sample Text
#1C1917 on #FEF3C715.71:1
Normal Text AA Pass
Sample Text
#44403C on #FBBF246.15:1
Normal Text AA Pass
Sample Text
#44403C on #FEF3C79.22:1
Normal Text AA Pass
Sample Text
#D97706 on #FBBF241.91:1
Large Text Only (Fail)
Sample Text
#D97706 on #FEF3C72.86:1
Large Text Only (Fail)

Related Palettes in App UI

Explore App UI
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#2B0938Copy
#6A0572Copy
#AB2E64Copy
#D85A52Copy
#F9A03FCopy
cp-featured-02Sunset
Malibu Dusk Glow
SunsetGradientCreative
#E76F51Copy
#F4A261Copy
#E9C46ACopy
#2A9D8FCopy
#264653Copy
cp-featured-03Vintage
1970s California Sun
VintageRetroWarm
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative