#4A148C
#006746
#BA68C8
#F3E5F5
#3C096CIndigo
#00733DFern
#C77DFFOrchid
#E0AAFFMauve
Orchid & Indigo Hour is a vivid split color palette tagged cold, purple, green. A split scheme: Indigo plays against Mauve across roughly 126° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Indigo | #3C096C | rgb(60, 9, 108) | hsl(271, 85%, 23%) | oklch(30.2% 0.150 300) | |
| Fern | #00733D | rgb(0, 115, 61) | hsl(152, 100%, 23%) | oklch(48.7% 0.124 154) | |
| Orchid | #C77DFF | rgb(199, 125, 255) | hsl(274, 100%, 75%) | oklch(72.0% 0.193 309) | |
| Mauve | #E0AAFF | rgb(224, 170, 255) | hsl(278, 100%, 83%) | oklch(81.7% 0.129 313) |
Why it works and how to use it
It works because the lightness range is wide (23% to 83%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Mauve (#E0AAFF) is the lightest color, so it belongs on large surfaces.
- Text: Indigo (#3C096C) on #E0AAFF gives 7.85:1, passing WCAG AAA.
- Primary: Fern (#00733D) is the most saturated mid-tone; use it for buttons and links (3.23:1 against the background, fine for UI elements).
- Accent: Orchid (#C77DFF) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Indigo on Mauve at 7.85:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Orchid & Indigo Hour
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#3C096C
#00733D
#C77DFF
#E0AAFF
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#3C096C on #E0AAFF | Aa | 7.85:1 | AAA |
#3C096C on #C77DFF | Aa | 5.39:1 | AA |
#00733D on #E0AAFF | Aa | 3.23:1 | AA large only |
#3C096C on #00733D | Aa | 2.43:1 | Fail |
#00733D on #C77DFF | Aa | 2.22:1 | Fail |
#C77DFF on #E0AAFF | Aa | 1.46:1 | Fail |
Similar palettes 24 more in this mood
#3F195F
#7F38AE
#8DC668
#F6F3EA
#101108
#CF9AFF
#14D8FF
#A3E300
#06032E
#5B3CD0
#C6B7FF
#62F3AE
#E6E0F5
#B8A7E0
#6E5BAA
#2A2440
#E6E0F5
#B8A7E0
#3B7C38
#2A2440
#0B0620
#412676
#009558
#FFB3E6
#A0DCA3
#BDE0FE
#CDB4DB
#FDFDFD
#A163FF
#005A89
#004556
#6BD09D
#7B68EE
#A594F9
#CDC1FF
#F5EFFF
#10002B
#5A189A
#9D4EDD
#E0AAFF
#3C096C
#7B2CBF
#C77DFF
#E0AAFF
#03071E
#0B525B
#1B998B
#C2F970
#9FA9FF
#C8AEFF
#F0BFEF
#FFE3EE
#7400B8
#5E60CE
#4EA8DE
#80FFDB
#2D6A4F
#52B788
#95D5B2
#D8F3DC
#0B3D2E
#00FF87
#60EFFF
#FFFFFF
#4B0082
#8A2BE2
#DA70D6
#FFE4F3
#1A1B26
#4B5273
#7AA2F7
#BB9AF7
#F6F1FF
#D8CCF5
#B4A2E8
#3E3560
#14101F
#4D4365
#8E6BFF
#EEE9FF
#692390
#5E6891
#4194F1
#DBD6FF
#00B0CA
#79D213
#00ED9D
#58FDEE
#68709B
#9271DA
#639EC2
#84B8FF