Indigo Field color palette — #E1ECFF · #5B70F0 · #B84D00 · #6F6000 · #222B5A
Sapphire and Terracotta set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#E1ECFF): A whisper-light, dusty violet — the color of a velvet chair.
- Sapphire (#5B70F0): A full-bodied, vivid violet — the color of a velvet chair.
- Terracotta (#B84D00): A full-bodied, balanced orange — the color of sun-warmed clay.
- Olive (#6F6000): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#222B5A): A deep, shadowed, balanced 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 Indigo Field 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
- Indigo Courtyard color palette (#DDE3FF, #7C68C4, #936100, #566200, #242945)
- Feathered Rust color palette (#D7EFFF, #008AC2, #B35300, #875300, #00354D)
- Timeworn Plum color palette (#D7EFFF, #008DB3, #C32A79, #964700, #003647)
- Dusty Orchid color palette (#EBE8FF, #B167BE, #8B6F00, #006B26, #451D4C)
- Grape Loft color palette (#ECE5FB, #6F30B4, #604B00, #304500, #18042F)
- Plum Studio color palette (#F7DBEF, #B1349B, #5F6C00, #006241, #3F0936)
- Byzantium Market color palette (#FCD8F7, #447AF3, #B531B0, #007072, #071537)
- Softworn Lagoon Veranda color palette (#F7F3FF, #B488A7, #5D9A68, #2D8965, #473D55)
Browse the whole catalog at Explore, or see today's palette.