Cobalt Alley color palette — #FBF2F6 · #AEC9DE · #5976B7 · #00605C · #3D335B

Slate and Peacock set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Sky (#AEC9DE): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#5976B7): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#00605C): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#3D335B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cobalt Quarry color palette (#FFF0F9, #80C3D8, #0071BE, #005846, #262474)
• Weathered Alley color palette (#F9F3F9, #A7CCD7, #0585A5, #126426, #1A3C5F)
• Weathered Harbor color palette (#F6F1E9, #A8D2C2, #427FC0, #005967, #121E3F)
• Worn Coast color palette (#EEF8F0, #AEDBF9, #4B99EB, #00798B, #293B57)
• Violet Ridge color palette (#E2F3EC, #889642, #8A64B4, #525E00, #41245E)
• Patina Powder Bloom color palette (#FCF3EC, #BEE7FF, #92B2ED, #499C93, #3B345A)
• Worn Hollow color palette (#F9EBF6, #6997AB, #004E78, #003121, #060742)
• Nightshade Station color palette (#F6E4E9, #86A2BD, #4149AC, #003E40, #2B0848)

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