Cobalt Alley color palette — #F8F6E8 · #78B0CD · #766EA9 · #565F27 · #514252

Slate and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Cyan (#78B0CD): A luminous, dusty blue — the color of deep harbor water.
• Slate (#766EA9): A full-bodied, balanced violet — the color of wild irises.
• Olive (#565F27): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#514252): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged retro, muted.

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

• Timeworn Periwinkle color palette (#F6F7E5, #9EA1DE, #996287, #36644D, #564149)
• Timeworn Cobalt color palette (#FFF3E9, #6DB7B2, #4A7BAA, #755037, #394E40)
• Antique Periwinkle color palette (#FBECFC, #8FAAE7, #7571A6, #5D4A65, #262C39)
• Antique Plum color palette (#EEF8F3, #58A3BE, #A05378, #4F5A1E, #254731)
• Lilac Corridor color palette (#FDF1FB, #D3D4E3, #A2C6FF, #B683BA, #573F4F)
• Weathered Orchard color palette (#E6FBEF, #D3BFCF, #AF8E93, #766F24, #415245)
• Ancient Orchard color palette (#FAF4EE, #CFBF9B, #778953, #745E6E, #614900)
• Aged Hollow color palette (#EAFAED, #AED4FF, #AEA7D6, #A88464, #3D485A)

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