Cobalt Alley color palette — #F9E9E2 · #7DBEC6 · #007EAF · #005D39 · #071B4A

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9E9E2): a clean, paper-quiet neutral.
• Ash (#7DBEC6): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#007EAF): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D39): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#071B4A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, 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

• Airy Cobalt color palette (#EADCD2, #89B8D4, #4871C5, #005A54, #230951)
• Dusty Cobalt color palette (#FFF0FC, #8CDBE4, #0085B6, #005531, #00072E)
• Patina Cobalt Thicket color palette (#F5EDE7, #A2D1B8, #3B89D9, #006E5B, #272754)
• Wandering Turquoise Parlor color palette (#E5F3E7, #52AEB9, #006178, #003F37, #002234)
• Airy Courtyard color palette (#F0E6D7, #4ED5E4, #00A2C6, #007E70, #002234)
• Denim Bloom color palette (#F2E3DD, #7A9D7E, #006180, #003E1D, #00081D)
• Lagoon Veranda color palette (#FCF3EE, #C5E5E2, #7EAAD0, #1B8F70, #3D456C)
• Gentle Loft color palette (#FFE2DD, #C72E72, #467900, #006143, #280011)

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