Ivory

#FEFAF1

Orange

Color Codes

All color formats for development

HEX

#FEFAF1

RGB

rgb(254, 250, 241)

HSL

hsl(42, 87%, 97%)

OKLCH

oklch(0.986 0.013 86.8)

CMYK

cmyk(0%, 2%, 5%, 0%)

Accessibility

WCAG contrast compliance

On White Background

1.04:1

AA ✗AAA ✗

On Black Background

20.16:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

CopyBase

Copy

#FEFA

100

#FDF3

200

#FBE9

300

#F7D9

400

#F3C5

500

#F0B4

600

#D297

700

#A778

800

#7756

900

#4C37

950

#3022

Shades

Darker variations

1#FBEAC2

2#F8DA94

3#F4CA66

4#F1BA38

5#E7A710

6#B9850D

7#8B640A

8#5D4306

9#2E2103

Tints

Lighter variations

1#FEFBF2

2#FEFBF4

3#FEFCF5

4#FEFCF6

5#FFFDF8

6#FFFDF9

7#FFFEFB

8#FFFEFC

9#FFFFFE

Tones

Muted variations

1#FDFAF1

2#FDF9F2

3#FCF9F3

4#FBF9F3

5#FBF9F4

6#FAF8F5

7#F9F8F5

8#F9F8F6

9#F8F8F7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FEFA `#FEFAF1`	BackgroundsSubtle highlightsCard backgrounds
100	FDF3 `#FDF3DE`	Light backgroundsTable row hoverSkeleton loading
200	FBE9 `#FBE9C1`	Secondary backgroundsInput backgroundsDividers
300	F7D9 `#F7D991`	BordersInactive statesPlaceholder text
400	F3C5 `#F3C558`	Disabled statesSecondary iconsMuted text
500	F0B4 `#F0B428`	Primary brand colorCTAsActive elementsLinks
600	D297 `#D2970F`	Hover statesFocus ringsPrimary buttons hover
700	A778 `#A7780C`	Active/pressed statesDark mode accentsSecondary text
800	7756 `#775608`	Text on light backgroundsHeadingsStrong borders
900	4C37 `#4C3705`	Primary textHigh emphasis contentDark headings
950	3022 `#302203`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --ivory-50: #FEFAF1;
  --ivory-100: #FDF3DE;
  --ivory-200: #FBE9C1;
  --ivory-300: #F7D991;
  --ivory-400: #F3C558;
  --ivory-500: #F0B428;
  --ivory-600: #D2970F;
  --ivory-700: #A7780C;
  --ivory-800: #775608;
  --ivory-900: #4C3705;
  --ivory-950: #302203;
}

Generate More Shades Create Palette Convert Color