Indigo Coast color palette — #FFF3E7 · #9FD5FF · #5671F1 · #006666 · #453661

Built around Sapphire, softened by Powder Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Powder Blue (#9FD5FF): A whisper-light, balanced blue — the color of deep harbor water.
• Sapphire (#5671F1): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#006666): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#453661): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Indigo Coast 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

• Weathered Chapel color palette (#FDF3ED, #9DD9E9, #0085D1, #00694F, #333C68)
• Cobalt Workshop color palette (#E9F6EB, #A4D6FF, #4F82D2, #005F73, #1B2146)
• Misty Periwinkle color palette (#FEF4E5, #BBE0FF, #5E9BF9, #007F99, #343C66)
• Powdered Nightshade Basin color palette (#C8F4F1, #00ACCD, #007EC0, #1A3AB5, #3A356B)
• Frosted Cerulean color palette (#D2F1FF, #008CB6, #867100, #3E6828, #003648)
• Hushed Forest color palette (#FBEAE6, #7BBFBF, #007391, #00541D, #142F4C)
• Timeworn Cypress color palette (#FBF3F1, #CDE6E0, #69A2BD, #4B7B5B, #5E4B5D)
• Worn Thicket color palette (#DEFDF4, #DEDEFF, #F294C2, #008181, #354A6F)

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