Hazy Cobalt Lagoon color palette — #F2F8E4 · #7DBFF2 · #056FC2 · #00526C · #012E70

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

The five colors

• Cream (#F2F8E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#7DBFF2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#056FC2): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00526C): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#012E70): A deep, shadowed, balanced 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 Hazy 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

• Weathered Petrol color palette (#F4F8E0, #7FC4D4, #007A97, #005559, #00384D)
• Soft Sapphire color palette (#FFEFE0, #8EC2EB, #3064E8, #005058, #1B0050)
• Periwinkle Lantern color palette (#E2FBFA, #B8DFFF, #64AFFF, #0091BF, #092F6B)
• Muted Denim Lagoon color palette (#EEF2E7, #7EA2C8, #1F55A0, #003A54, #0C1B47)
• Washed Cornflower color palette (#FFF1F6, #A1D1F5, #4A85FF, #00717A, #301D77)
• Faded Ridge color palette (#D9FDFF, #7CE7FF, #3EADDD, #006F68, #003D43)
• Washed Turquoise color palette (#B2FBFF, #00ADB8, #00686F, #00383A, #001D1F)
• Lagoon Study color palette (#E2E4D8, #508B92, #004450, #002221, #000B11)

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