Indigo Lagoon color palette — #E7DFD6 · #80B8E3 · #4F69D9 · #005959 · #24153C

A conversation between Sapphire and Sky, giving this palette its sense of trust and stability.

The five colors

• Bone (#E7DFD6): a clean, paper-quiet neutral.
• Sky (#80B8E3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Sapphire (#4F69D9): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005959): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#24153C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Indigo Lagoon 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 Cobalt color palette (#F6EAE4, #63C1D5, #007BBC, #005C42, #131B43)
• Cobalt Coast color palette (#FFF1F6, #A0D2F8, #5077C6, #005057, #0C032C)
• Denim Archive color palette (#DFF0E2, #60A6DA, #0E54A9, #003C49, #121849)
• Weathered Coast color palette (#FFF2EB, #63DEF7, #0094E0, #007555, #212D62)
• Indigo Balcony color palette (#F6D9EA, #6952F4, #007F39, #00684D, #0F0B2E)
• Soft Meadow color palette (#FCD1E2, #F1A0D5, #FE7447, #2969B7, #3B1823)
• Softworn Alley color palette (#FEF2EE, #BEDEC7, #369FDC, #008059, #4B3046)
• Wandering Iris color palette (#FDF3E9, #BCDFFF, #7E90FF, #008285, #47365F)

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