Cerulean Alley color palette — #F0F7F1 · #ABEAE7 · #4398A3 · #346F59 · #314C5A
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Sea Foam (#ABEAE7): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#4398A3): A luminous, balanced blue — the color of deep harbor water.
- Pine (#346F59): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal (#314C5A): A full-bodied, 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
- Powder Ridge color palette (#DBFEF9, #B0E0F5, #95C7E1, #618E7F, #3C5858)
- Cerulean Corridor color palette (#F7EFF4, #C1E3EC, #479BAC, #326C49, #122F43)
- Antique Cerulean Lagoon color palette (#D5E5D8, #0BA2AD, #005364, #003129, #001622)
- Hushed Petrol color palette (#E8F1EA, #6CC1C4, #007587, #005141, #003345)
- Cobalt Harbor color palette (#EAFAED, #A5D3FF, #517DCF, #00637B, #363B66)
- Moss Workshop color palette (#DEFDF6, #75B354, #A176B3, #487332, #413D5E)
- Muted Corridor color palette (#DFFFE1, #83CC8C, #39824D, #1D4D23, #123217)
- Timeworn Lime Orchard color palette (#F8EFB6, #B1BA42, #668A2E, #3D6934, #2E573F)
Browse the whole catalog at Explore, or see today's palette.