Muted Periwinkle color palette — #ECF9EE · #DAD6E1 · #71B1FF · #00859A · #263259

Cornflower and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Silver (#DAD6E1): bright and airy, almost weightless.
• Cornflower (#71B1FF): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#00859A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#263259): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Periwinkle 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

• Muted Thicket color palette (#F0F8F1, #CDD9F2, #51B5CD, #2D7E6D, #103246)
• Tempered Powder Alley color palette (#FFF1F6, #CAE9FF, #8BB7FF, #00A4AE, #39396C)
• Periwinkle Ridge color palette (#EBFAEE, #DBDFF2, #5997FF, #006F87, #191D51)
• Quiet Dune color palette (#E3F3E6, #5FC3F7, #006AB4, #003D44, #000114)
• Gentle Boulevard color palette (#E2FAFF, #87DFFF, #00AAE9, #006DBB, #1F3870)
• Hushed Boulevard color palette (#EEF6FF, #DCD9E3, #B7AEA6, #4EADD3, #2E3F5C)
• Cerulean Courtyard color palette (#ECF9EE, #8ADAEA, #0086AD, #00524C, #000E1B)
• Aged Pier color palette (#F3F7EA, #A8DBC9, #2584CD, #00627D, #184070)

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