Cerulean Alley color palette — #FBF4EA · #B2CDB9 · #37839C · #006157 · #083F5C

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

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Pistachio (#B2CDB9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#37839C): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006157): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#083F5C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Orchard color palette (#FDF4E5, #9DD8F0, #0088C8, #00666A, #144073)
• Aged Cobalt color palette (#F7F0ED, #B7CEBC, #2185B7, #005F3D, #0D1D46)
• Petrol Loft color palette (#F6EDE0, #8CBEAB, #266AAD, #004E59, #1A2B56)
• Antique Cypress Boulevard color palette (#F9F4EE, #C9E7E0, #7FA38E, #397C6E, #315246)
• Ancient Abyss Cabin color palette (#EAE1D4, #4C8B99, #004359, #002220, #000A16)
• Antique Courtyard color palette (#F9F4ED, #C7E4D7, #608FB7, #1A6E77, #593C58)
• Lagoon Harbor color palette (#EFF8F1, #BBE8FB, #52C1E5, #04A192, #153F57)
• Muted Denim color palette (#E5DED4, #68AABD, #005F84, #003E3D, #00203D)

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