Cobalt Alley color palette — #FBF4E9 · #A2D1BC · #3B7EB2 · #005E67 · #263A5C

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Pistachio (#A2D1BC): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3B7EB2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005E67): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#263A5C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Weathered Cerulean Corridor color palette (#FAF4EB, #B2CDB6, #00869F, #006152, #174434)
• Cobalt Hollow color palette (#F8F0EB, #ADD1C1, #597CB5, #005C53, #201744)
• Hushed Courtyard color palette (#D7F3F5, #10B0C8, #007A9B, #00517C, #123A64)
• Periwinkle Thicket color palette (#FDF1F7, #B8DAF0, #6596E0, #007D70, #38345D)
• Navy Cabin color palette (#E7E0D4, #5187A8, #003D70, #002127, #01022C)
• Patina Balcony color palette (#F9F4EE, #C8E7E6, #76A495, #337B7F, #5E4B5F)
• Worn Harbor color palette (#E1FDF2, #F6D6F2, #B7A7E6, #257A8C, #47334A)
• Hushed Cabin color palette (#DBF6EB, #1399D0, #B06035, #005E83, #53280F)

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