Colors

EthioWDS uses a carefully curated color palette that reflects Ethiopian identity while ensuring accessibility and visual harmony.

Primary

$primary

#2E86AB

Secondary

$secondary

#FF6B6B

Ethio Green

$ethio-green

#1B5E20

Ethio Yellow

$ethio-yellow

#FFC107

Ethio Red

$ethio-red

#C2185B

Ethio Blue

$ethio-blue

#1976D2

Usage

Use the color variables in your project to keep backgrounds, text, and borders consistent with the design system. Override tokens to match your brand.

You can also use utility classes for quick styling—for example, primary or secondary backgrounds and text colors—without defining custom styles.