Soft Indigo color palette — #FFF0FB · #FE8770 · #00BD60 · #5E75FF · #420A03

Built around Periwinkle, softened by Clover — the whole palette hums with nature and growth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Salmon (#FE8770): A luminous, balanced orange — the color of sun-warmed clay.
• Clover (#00BD60): A luminous, vivid teal — the color of sea glass.
• Periwinkle (#5E75FF): A luminous, vivid violet — the color of a velvet chair.
• Espresso (#420A03): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Gentle Violet color palette (#FFF0F8, #FF8A40, #00B991, #8868F2, #391600)
• Timeworn Moss Alley color palette (#FFF1F5, #FF7DAA, #91AC00, #008FD2, #3D0D20)
• Lapis Cabin color palette (#FFF0F9, #E16932, #009A6B, #614CDD, #1C0500)
• Linen Wisteria color palette (#E7FCE8, #E0B26F, #22C1C3, #B374CC, #19321B)
• Worn Basin color palette (#FFE4DF, #E72901, #008944, #4152BF, #4B231B)
• Pale Lapis color palette (#E9FBE8, #EDA635, #008EBC, #5A48DD, #281700)
• Misty Harbor color palette (#DFFFE2, #E1A100, #00B3BB, #C33BE0, #2E1E00)
• Washed Alley color palette (#FFE0FC, #FFB4B2, #75B2FF, #00A5CE, #4D2021)

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