Ivory

#FFF4F0

Orange

Color Codes

All color formats for development

HEX

#FFF4F0

RGB

rgb(255, 244, 240)

HSL

hsl(16, 100%, 97%)

OKLCH

oklch(0.975 0.013 41.2)

CMYK

cmyk(0%, 4%, 6%, 0%)

Accessibility

WCAG contrast compliance

On White Background

1.08:1

AA ✗AAA ✗

On Black Background

19.45:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

CopyBase

Copy

#FFF4

100

#FFE5

200

#FFCE

300

#FFA9

400

#FF7C

500

#FF57

600

#E03C

700

#B330

800

#8022

900

#5216

950

#330E

Shades

Darker variations

1#FFD0BE

2#FFAB8D

3#FF875B

4#FF632A

5#F74200

6#C63500

7#942800

8#631A00

9#310D00

Tints

Lighter variations

1#FFF5F1

2#FFF6F3

3#FFF7F4

4#FFF8F6

5#FFF9F7

6#FFFBF9

7#FFFCFA

8#FFFDFC

9#FFFEFD

Tones

Muted variations

1#FEF4F0

2#FDF4F1

3#FDF5F2

4#FCF5F3

5#FBF6F4

6#FAF6F4

7#FAF6F5

8#F9F7F6

9#F8F7F7

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FFF4 `#FFF4F0`	BackgroundsSubtle highlightsCard backgrounds
100	FFE5 `#FFE5DB`	Light backgroundsTable row hoverSkeleton loading
200	FFCE `#FFCEBD`	Secondary backgroundsInput backgroundsDividers
300	FFA9 `#FFA98A`	BordersInactive statesPlaceholder text
400	FF7C `#FF7C4D`	Disabled statesSecondary iconsMuted text
500	FF57 `#FF571A`	Primary brand colorCTAsActive elementsLinks
600	E03C `#E03C00`	Hover statesFocus ringsPrimary buttons hover
700	B330 `#B33000`	Active/pressed statesDark mode accentsSecondary text
800	8022 `#802200`	Text on light backgroundsHeadingsStrong borders
900	5216 `#521600`	Primary textHigh emphasis contentDark headings
950	330E `#330E00`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --ivory-50: #FFF4F0;
  --ivory-100: #FFE5DB;
  --ivory-200: #FFCEBD;
  --ivory-300: #FFA98A;
  --ivory-400: #FF7C4D;
  --ivory-500: #FF571A;
  --ivory-600: #E03C00;
  --ivory-700: #B33000;
  --ivory-800: #802200;
  --ivory-900: #521600;
  --ivory-950: #330E00;
}

Generate More Shades Create Palette Convert Color