Gentle Indigo color palette — #F3E3E8 · #8BB6E0 · #5169D5 · #005765 · #221344

Sapphire and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F3E3E8): a clean, paper-quiet neutral.
• Sky (#8BB6E0): A luminous, dusty blue — the color of deep harbor water.
• Sapphire (#5169D5): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#005765): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#221344): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Gentle 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

• Powdered Pier color palette (#F3E6EE, #6CBFD4, #007DB4, #005A4E, #001C4B)
• Airy Cobalt color palette (#FCF4E8, #ACD0F3, #5277C7, #004E63, #090131)
• Iris Canyon color palette (#F0E4D7, #97C5F2, #7D87E7, #007C82, #29113E)
• Denim Delta color palette (#E5E9DD, #69A3DE, #26559C, #003A54, #0E1B44)
• Weathered Delta color palette (#FFF0F9, #82D9F6, #0094E3, #00736A, #152C6E)
• Pale Coral Dune color palette (#ECECFF, #F0ACD5, #EC7162, #6463B3, #35142F)
• Tempered Byzantium color palette (#DEDFF4, #9836E2, #617200, #006852, #1A042C)
• Gentle Pine Courtyard color palette (#FEF1FA, #A9E9E7, #00ADCC, #008753, #054564)

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