Cobalt Lagoon color palette — #F3F7E9 · #A1D6F5 · #3886BD · #00637A · #17416B

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

The five colors

• Ivory (#F3F7E9): a clean, paper-quiet neutral.
• Powder Blue (#A1D6F5): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3886BD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00637A): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#17416B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Wandering Cornflower Cabin color palette (#F8F0EA, #A3D8F6, #3782E0, #006264, #1C1B54)
• Washed Cobalt color palette (#F2F8E6, #75C0F6, #0070C0, #00526B, #002F6D)
• Linen Sky Boulevard color palette (#E8F9F8, #CEDDFD, #68BFFF, #00A0C3, #19426A)
• Antique Cabin color palette (#F6F6EA, #AFCFB0, #008892, #006156, #00434D)
• Periwinkle Villa color palette (#FFF1F7, #B3E2FF, #569CFA, #008286, #36396E)
• Denim Terrace color palette (#EAEEE0, #5799B8, #004F75, #002E38, #001528)
• Linen Cypress color palette (#E4FEE0, #A0F3F8, #7BCEE7, #008370, #0D5252)
• Muted Ash color palette (#F5F6EE, #C7E7DD, #66A6A9, #617655, #38513F)

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