Cobalt Alley color palette — #F3F4FF · #FBD6FF · #F79DA9 · #2E7EC3 · #553E66

Cerulean takes the lead with Ballet Pink close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#FBD6FF): A whisper-light, dusty pink — the color of peonies in June.
• Ballet Pink (#F79DA9): A luminous, balanced red — the color of embers at dusk.
• Cerulean (#2E7EC3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#553E66): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, light.

Use it as a design system

One click turns Cobalt Alley 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 Mallow Archive color palette (#D8FFF5, #DBD8FF, #E59DDB, #0083A4, #3B486B)
• Softworn Petrol Parlor color palette (#FFF1F6, #FAC8E2, #DA938E, #626DA7, #593338)
• Airy Iris Lantern color palette (#FFF1F7, #F0D3E5, #F5A6F7, #7F7BF6, #4C3A66)
• Tempered Driftwood color palette (#FFF1F3, #E3D9D1, #DDC596, #837DAE, #644746)
• Tempered Periwinkle color palette (#F2F5FF, #FAD4E2, #EDB9AB, #70B1F9, #4F3E62)
• Misty Indigo Boulevard color palette (#EFF1FF, #EED0E1, #E695E6, #6A60C9, #331C46)
• Softworn Navy color palette (#FCD3DB, #D69BB5, #BC6944, #423985, #330E2F)
• Driftwood Meadow color palette (#FFF2EF, #E1DACF, #9DBED0, #A77A82, #5A4843)

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