Indigo Harbor color palette — #E8F3E0 · #3EA187 · #5971CE · #006651 · #243064
Sapphire and Fern set the tone — five colors that lean into creativity and calm.
The five colors
- Cream (#E8F3E0): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#3EA187): A luminous, balanced teal — the color of sea glass.
- Sapphire (#5971CE): A full-bodied, balanced violet — the color of a velvet chair.
- Pine (#006651): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#243064): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Indigo Harbor 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
- Quiet Violet Courtyard color palette (#E2F4E6, #379EA8, #8A5FC0, #00636B, #40255F)
- Airy Fern Atelier color palette (#EEF1DE, #6C9C65, #0081BC, #166909, #003A57)
- Ancient Petrol color palette (#DAEBCF, #068E76, #0073AD, #605E00, #00342A)
- Linen Cobalt Coast color palette (#E9D8E9, #3C7ED5, #007F4F, #004692, #00321D)
- Olive Harbor color palette (#C9F0D6, #0095AB, #6F7700, #005867, #2D3100)
- Misty Raspberry color palette (#E3EDDE, #00A892, #B34CAB, #006455, #2E0C2B)
- Ancient Lapis color palette (#D7E5D2, #007F72, #4D39C8, #00433C, #16064F)
- Teal Lantern color palette (#DDFBD4, #55B3A8, #006E64, #00403A, #002A26)
Browse the whole catalog at Explore, or see today's palette.