Cerulean Alley color palette — #E9F5F3 · #8BD4EC · #2686AD · #005A64 · #022339

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F5F3): a clean, paper-quiet neutral.
• Sky (#8BD4EC): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#2686AD): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A64): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#022339): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean 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

• Tempered Petrol Basin color palette (#EAF4F4, #C0E1FE, #6D91B8, #1A6785, #1D2D42)
• Worn Petrol color palette (#DCEDED, #8CB7E6, #3E6AAF, #004666, #06113A)
• Cobalt Pier color palette (#F9F4ED, #ACCFBB, #3380AA, #005F60, #49304D)
• Washed Dune color palette (#DCF1EF, #3682A1, #00415E, #001E25, #000104)
• Azure Station color palette (#D1EAE8, #46A8D5, #005E8C, #003844, #000B1A)
• Raspberry Orchard color palette (#EDE2F2, #CE397F, #A05B00, #5B518B, #1B0D22)
• Tempered Stone Courtyard color palette (#FAECFF, #F6D1C1, #D89D94, #8C6077, #2A192E)
• Aged Chestnut Hollow color palette (#F0D9E3, #BE8D61, #8C552D, #5E2F19, #0C1D0A)

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