Cobalt Alley color palette — #FFF2ED · #AECEB5 · #0082B5 · #00633E · #2A3A5B

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Pistachio (#AECEB5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0082B5): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00633E): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2A3A5B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, 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 Villa color palette (#FDF3EC, #9ED8EF, #3080D8, #006858, #39386C)
• Forest Loft color palette (#FFF2EE, #53CDC8, #007A94, #0A5A0E, #00355C)
• Aged Cerulean color palette (#EBF5ED, #94D4DE, #1789A8, #005C53, #002337)
• Ancient Workshop color palette (#F7ECE4, #8EBDAA, #2D61C8, #00504A, #2E2551)
• Timeworn Turquoise color palette (#FAF4EC, #99E2EE, #4EA2BE, #1E7C70, #194337)
• Weathered Turquoise Grove color palette (#FBF3F1, #CBE8E2, #59A3C8, #477C5B, #5D4C5C)
• Orchid Chapel color palette (#E8F2E0, #1FA484, #9953C3, #006650, #402B4D)
• Weathered Villa color palette (#EEDDD5, #4E8B98, #004065, #002318, #03022A)

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