Cerulean Alley color palette — #FAF4EC · #ADF5F0 · #16A4B1 · #006D4E · #00232C

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sea Foam (#ADF5F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#16A4B1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006D4E): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00232C): A deep, shadowed, dusty blue — the color of deep harbor water.

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 Azure color palette (#FBF4E9, #C2F2DD, #5697D1, #006873, #051A47)
• Weathered Loft color palette (#FCF4E8, #BCE6EE, #5CB4CA, #21806C, #003347)
• Muted Market color palette (#E9E0D3, #70AEB6, #005E75, #002C26, #000103)
• Aged Cypress Balcony color palette (#E9F1EA, #7CC0BB, #007680, #00523A, #003441)
• Cerulean Quarry color palette (#FBF4EA, #AED8BB, #0086AD, #00524C, #000E1B)
• Emerald Workshop color palette (#F8EBE8, #BEDDBC, #1BB6DC, #18982D, #052F52)
• Hushed Powder color palette (#F9F4EE, #C0E1EF, #89C3E9, #488F91, #4D364F)
• Softworn Glacier color palette (#F5F9D3, #C5F1EF, #67E2E7, #7A8B45, #1A2300)

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