Mr Hankey

421 views

#7B4B3A Brownie Delight

#E6B800 Golden Glow

#F5E1B2 Creamy Beige

#3C6E4D Forest Green

#A4D8E1 Sky Blue

Mr hankey

About This Color Palette

 <Mr. Hankey Color Palette>
1. Brownie Delight - 
          
          #7B4B3A
        - A rich, warm brown reminiscent of chocolate and earth.
2. Golden Glow - 
          
          #E6B800
        - A bright, cheerful yellow that adds a playful touch.
3. Creamy Beige - 
          
          #F5E1B2
        - A soft, light beige that provides a neutral balance.
4. Forest Green - 
          
          #3C6E4D
        - A deep green that evokes feelings of nature and freshness.
5. Sky Blue - 
          
          #A4D8E1
        - A light, calming blue that offers a sense of tranquility.

The “Mr. Hankey Color Palette” features warm, earthy tones complemented by cheerful and calming colors. This palette captures a playful yet grounded aesthetic, perfect for whimsical designs.

What specific project are you working on, and how do you plan to use this color palette?

Customize Preview Colors

Upgrade to Pro

Primary

Secondary

Accent

Surface

Croma

Dashboard

Analytics

Customers

Settings

John Doe

Admin

Search...

Overview

Welcome back, here's what's happening today.

+12%

$45,231

Total Revenue

+12%

2,345

Active Users

#A4D8E1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Copied!

Background Color

Colors

Text Color

Colors

Preview & Analysis

Aa

The quick brown fox jumps over the lazy dog.

Contrast Ratio --

Normal Text

WCAG AA --

WCAG AAA --

Large Text

WCAG AA --

WCAG AAA --

AI Contrast Fix Suggestions

Suggests background & text tweaks to reach WCAG targets.

Optional guidance

Ready to suggest tweaks for AA/AAA.

Suggested pairs

Shortest hop that clears WCAG AA/AAA.

Current: --

Run “Suggest Fixes” to see AI options.

Understanding Contrast Ratios

4.5:1 (Level AA)

The minimum required contrast ratio for normal text to be considered accessible under WCAG 2.1 Level AA. For large text, the requirement is lower at 3.0:1. This is the standard target for most web content.

7.0:1 (Level AAA)

The "gold standard" for accessibility. Achieving a 7.0:1 ratio ensures that your text is readable even for people with significant vision loss. For large text, the AAA requirement is 4.5:1.

What counts as Large Text?

WCAG defines large text as anything 18pt (approx. 24px) or larger, or 14pt (approx. 18.66px) and bold or larger. Most headings fall into this category.

Why it matters

Proper contrast is essential for everyone, but especially for people with color blindness, low vision, or those viewing screens in bright sunlight.

Other Similar Palettes

#4B3D3D

#F3E7D7

#FF6F61

#A8E6CE

#6B5B9A

#A76D3F

#A2DFF7

#D1E7DC

#D50032

#F6EAB6

#F9C9A0

#E6D6E6

#D6B35B

#C72C41

#A8E6CE

#FFA500

#BDA0E4

#3B2A2A

#F0E5D8

#A3D97D

#C65D9A

Sweet Indulgence Ultimate

533

#8B4513

#A0522D

#D2691E

#CD853F

#D2B48C

#DEB887

#F5DEB3

#F0E68C

#B8860B

#DAA520

#BC8F8F

#FFE4B5

#FFDAB9

#FFDEAD

#D2B48C

#A52A2A

#654321

#C2B280

#D2691E

#954535

#F3E5AB

#B87333

#6F4C3E

#F5F5DC

#B7410E

#E5B733

#F4A460

#E9967A

#FA8072

#FFA07A

#BC8F8F

#CEB898

#D19A6A

#704214

#9B5B29

#DD8B3D

#D9A86D

#B65E3E

#4E3B31

#6F4C3E

#8E7B4B

#4E3B31

#D26D5B

#FFBF00

#5B3A29

#B8A59D

#E8C9A5

#A76D5E

#7B3F3A

#3B2A21

#EDC9A6

#635147

#4E3B31

#D5A86A

#7C3C3C

#8B5A2B

#D27B24

#8B5B29

#C8A165

#F4A460

#B4A99A

#B6967E

#C68A3C

#6A4B3A

#A5804B

#BB4B24

#5B3A29

#C8B298

#B68B4E

#5B3A29

#800000

#7E5B4C

#4E3B31

#8A4B4A

#5B3A29

#4E3B31

#8B5B29

#4E3B31

#7A4B3A

#5B4C3A

#D2B48C

Shades of Brown

607

#7B5B3A

#7B4B3A

#4B3C31

#6F4C3E

#C0403C

#5B3A29

#A76D5A

#7C4B3A

#4E3B31

#8B4513

#A0522D

#D19A6A

#BF8B56

#D49A6A

#563D31

#E4B789

#3E2723

#D69A6C

#C86A4D

#C7A56D

#E6CFCF

#7B3F00

#EDC9AF

#B7410E

#C68A4D

#9B6A4F

#C4A662

#C3B299

#D5B19B

#A0522D

#A45A3A

#5B3C29

#4B3C36

#4E3B31

#8B5B29

#7B5B3A

#B68A5B

#4E3B31

#C5B2A5

#B65C4A

#8E6B4C

#C4A462

#8B5B29

#4B3C31

#7C4A4E

#4E3B31

#6F4C3E

#7B4B3A

#8B4513

#D2C7B4

#7D4B3A

#C0403C

#D19A6A

#7B5B3A

#B86A4D

#D4A76D

#C0403C

#3B2B29

#7B6B4A

#8E3A3A

#5B3A29

#A76D5A

#C68A4D

#6F4C3E

#D19A6A

#C4A462

#8B5B29

#A0522D

#C68A4D

#5B3C29

#4E3B31

#4B3C36

#3E2723

#A45A3A

#4E3B29

#3B2B29

#F4A460

#5B3A29

#7C4B3A

#B86A4D

#8E3A3A

#7B4B3A

#8B4513

#D2C7B4

#C4A462

#D19A6A

#A76D5A

#B65C4A

#B86A4D

#C68A4D

#B68A5B

#6F4C3E

#3E2723

#5B3A29

#A0522D

#4B3C36

#4E3B31

#C4A462

#7B5B3A

#4B3C36

#7B5B3A

#4E3B31

#D19A6A

Woodbridge

527

#2B2B2B

#F6EB61

#D9A300

#C4C4C4

#FF7F00

Hornet Vibes

640

#1B1B1B

#4E9FD1

#A52A2A

#FFC107

#B0BEC5

Hornet Hollow Knight

836

#1F2A44

#9B1B30

#D8CDAF

#7A6A9B

#C0C0C0

Hornet Nightfall

675

HueHive

Mr Hankey

About This Color Palette

Customize Preview Colors

Overview

Revenue Growth

Build something amazing

Fast Performance

Secure by Default

Easy to Use

Good Morning

Today

SummerSale

Logo Variations

Business Card

Type Scale

Heading 1

Heading 2

Heading 3

Heading 4

Article Layout

The Future of Color

Why it matters

Abstract

Download Files

SVG Vector

PDF Document

Adobe ASE

CSV Data

Sketch Palette

Figma Tokens

Copy Code

Original Palette

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

Shades & Tints

Brownie Delight

Tints

Original

Shades

Golden Glow

Tints

Original

Shades

Creamy Beige

Tints

Original

Shades

Forest Green

Tints

Original

Shades

Sky Blue

Tints

Original

Shades

Color Theory Analysis

Color Wheel Distribution

Harmony Analysis

Background Color

Text Color

Preview & Analysis

Aa

Understanding Contrast Ratios

4.5:1 (Level AA)

7.0:1 (Level AAA)

What counts as Large Text?

Why it matters

What would you like to do?

Update with AI

Open in Generator

Open in Converter

Search Other Palettes

Create New Palette

Other Similar Palettes

Update Your Palette

Current Palette

Summer
Sale