Cobalt Boulevard color palette — #F3F7E9 · #9CD7FC · #0085D1 · #00637B · #234164

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F3F7E9): a clean, paper-quiet neutral.
• Powder Blue (#9CD7FC): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#0085D1): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00637B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#234164): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Cobalt Boulevard 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

• Hushed Alley color palette (#F5F6EC, #8DDEE6, #008FA4, #006763, #004759)
• Faded Cobalt Studio color palette (#FBEFE5, #99D9FF, #4582D8, #006165, #1E2045)
• Cobalt Harbor color palette (#F2F8E6, #76BFF8, #006FC6, #00526D, #0D3067)
• Frosted Periwinkle Station color palette (#FFF1F7, #B3E2FF, #5E9CF4, #008286, #383B64)
• Worn Denim Market color palette (#E8EBDF, #5F98B4, #004F75, #002E39, #001529)
• Softworn Boulevard color palette (#F5F6EF, #C7E7DD, #46AAB1, #367D70, #44584A)
• Frosted Teal Ridge color palette (#FFF3E8, #C8EAFF, #92B5FF, #00A69E, #42346C)
• Softworn Moss Thicket color palette (#DAF5CC, #4C9500, #008289, #865300, #213714)

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