Misty Indigo color palette — #F2E3C5 · #CCAE2A · #4E6FEC · #7C6700 · #12197D
Sapphire and Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F2E3C5): A whisper-light, dusty gold — the color of old brass.
- Gold (#CCAE2A): A luminous, balanced green — the color of a quiet forest floor.
- Sapphire (#4E6FEC): A full-bodied, vivid violet — the color of a velvet chair.
- Olive (#7C6700): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#12197D): A deep, shadowed, vivid violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged cool.
Use it as a design system
One click turns Misty Indigo into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Cornflower Basin color palette (#DCFFEA, #DDC028, #5387EF, #7C6A00, #001653)
- Apricot Veranda color palette (#FCDFC5, #FA9229, #0082CC, #9B5400, #003051)
- Aged Lilac color palette (#F8F8D4, #9ED272, #A081FE, #477800, #3E2A71)
- Powdered Violet Study color palette (#DDE1CA, #72BF70, #9B65DB, #0B6712, #351157)
- Airy Byzantium Meadow color palette (#EAE6C8, #9FBF2A, #B029E8, #5E7300, #45055F)
- Gentle Pine color palette (#ECF1DD, #79B988, #C47ED1, #00803C, #4B2153)
- Powdered Amethyst color palette (#E7DEBE, #BB9F2C, #7B2AFA, #3C5AE8, #2C2300)
- Hazy Bronze Balcony color palette (#C4F1D6, #998400, #008080, #5B4E00, #003636)
Browse the whole catalog at Explore, or see today's palette.