Biscuit

Introducing Biscuit (#EFCCA2), a color that balances warmth with a clean, modern feel. This soft, sandy hue is notable for its quiet confidence, providing a gentle glow that can ground a composition or add a touch of organic elegance to digital interfaces.

What color is Biscuit?

What is the meaning of Biscuit?

How do I use Biscuit (#EFCCA2) in UI design?

Using Biscuit color codes

Biscuit

#EFCCA2

Access our full UI & UX library today.

What color is Biscuit?

What is the meaning of Biscuit?

How do I use Biscuit (#EFCCA2) in UI design?

Using Biscuit color codes

Biscuit Code Conversions

HEX

#EFCCA2

LAB

84, 6, 26

RGB

239, 204, 162

XYZ

63.7, 64.1, 43.2

HSL

33°, 71%, 79%

LCH

84, 26, 76°

HSB

33°, 32%, 94%

LUV

84, 25, 34

CMYK

0, 15, 32, 6

CMYK

0, 15, 32, 6

HWB

33°, 64%, 6%

Biscuit Color Harmonies

Analogous

Analogous color schemes use colors adjacent to Biscuit on the color wheel, creating a harmonious and serene visual experience for users.

#EFA6A2

#EFCCA2

#EBEFA2

#EFA6A2

#EFCCA2

#EBEFA2

Complementary

To find Biscuit's complementary shade, look directly across the color wheel. This opposite pairing produces a vibrant, energetic combination with maximum visual contrast.

#EFCCA2

#A2C5EF

#EFCCA2

#A2C5EF

Split Complementary

For Biscuit, a split complementary palette uses the two colors next to its opposite on the color wheel, creating a vibrant yet balanced look.

#EFCCA2

#A2EBEF

#A6A2EF

#EFCCA2

#A2EBEF

#A6A2EF

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. Starting with Biscuit, this creates a vibrant and balanced high-contrast palette.

#EFCCA2

#A2EFCC

#CCA2EF

#EFCCA2

#A2EFCC

#CCA2EF

Tetradic

A tetradic scheme pairs Biscuit with three other hues, forming a rectangle on the color wheel with two sets of complementary colors.

#EFCCA2

#A2EFA6

#A2C5EF

#EFA2EB

#EFCCA2

#A2EFA6

#A2C5EF

#EFA2EB

Square

A square color scheme pairs Biscuit with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.

#EFCCA2

#A2EFA6

#A2C5EF

#EFA2EB

#EFCCA2

#A2EFA6

#A2C5EF

#EFA2EB

Biscuit Contrast Simulation

Text Color

#

Background Color

#

13.83

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

13.83

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Biscuit Color Variations

Shades

Shades are darker versions of Biscuit, made by adding black to create depth and weight.

#EFCCA2

#CDAF8B

#AB9274

#89755D

#665745

#443A2E

#221D17

#000000

#EFCCA2

#CDAF8B

#AB9274

#89755D

#665745

#443A2E

#221D17

#000000

Tints

Tints are lighter versions of Biscuit, created by adding white to produce a softer effect.

#EFCCA2

#F1D3AF

#F4DBBD

#F6E2CA

#F8E9D7

#FAF0E4

#FDF8F2

#FFFFFF

#EFCCA2

#F1D3AF

#F4DBBD

#F6E2CA

#F8E9D7

#FAF0E4

#FDF8F2

#FFFFFF

Tones

Tones are created by mixing Biscuit with gray, resulting in softer, less saturated variations.

#EFCCA2

#DFC19D

#CFB698

#BFAB93

#B0A18F

#A0968A

#908B85

#808080

#EFCCA2

#DFC19D

#CFB698

#BFAB93

#B0A18F

#A0968A

#908B85

#808080

Hues

Hues are variations of Biscuit, sharing its base color but with different intensities or temperatures.

#EFCCA2

#D8EFA2

#A2EFA6

#A2EFDF

#A2C5EF

#B9A2EF

#EFA2EB

#EFA2B2

#EFCCA2

#D8EFA2

#A2EFA6

#A2EFDF

#A2C5EF

#B9A2EF

#EFA2EB

#EFA2B2

What Interfaces Use Colors Like Biscuit?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox