Indigo Harbor color palette — #CCFAF7 · #66A9CE · #7160AE · #5A5000 · #264115

Slate and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CCFAF7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#66A9CE): A luminous, balanced blue — the color of deep harbor water.
• Slate (#7160AE): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#5A5000): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#264115): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged vintage, retro, muted.

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

• Gentle Cocoa Station color palette (#DAEFE7, #51A9B8, #5569A1, #713F0B, #572D00)
• Airy Forest Atelier color palette (#D4E2ED, #9899E3, #995384, #19591C, #004139)
• Powder Veranda color palette (#CBEAFF, #A5AFE6, #92708F, #59632A, #4A4841)
• Dusty Bloom color palette (#FFF2EC, #58CAD9, #00789E, #005844, #003460)
• Mulberry Summit color palette (#D8E0F1, #957AAF, #81405B, #00412B, #002727)
• Softworn Lilac Lagoon color palette (#D1F2F1, #8AC9F1, #9D95F3, #877C3C, #493F02)
• Patina Boulevard color palette (#E4FDE5, #BDD4CE, #A39198, #816B21, #44523C)
• Patina Brick color palette (#EDEBFF, #B99ED8, #A877AA, #AA372E, #6A2E00)

Browse the whole catalog at Explore, or see today's palette.