Weathered Lagoon color palette — #FCEFE6 · #5CCAF4 · #006FD7 · #005347 · #18074B

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FCEFE6): bright and airy, almost weightless.
• Sky (#5CCAF4): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006FD7): A full-bodied, vivid blue — the color of open sky before noon.
• Forest (#005347): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#18074B): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Weathered 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

• Petrol Field color palette (#F2E6E1, #78C0CF, #0072A9, #004E35, #081136)
• Washed Cobalt color palette (#FFF4E2, #6BC4EA, #0074B2, #00555B, #022F6C)
• Hushed Bloom color palette (#FBEFEA, #A0DCDF, #008FBB, #006733, #05244C)
• Dusty Delta color palette (#FFF0F8, #7AD9FE, #218BFB, #007463, #2D2864)
• Feathered Ultramarine color palette (#EEE3DA, #6DA4C1, #004DC1, #003A34, #0D002B)
• Airy Periwinkle Lagoon color palette (#D7EEFF, #37A3FF, #0064A1, #002C52, #000A19)
• Pale Courtyard color palette (#DBF0EA, #00A2A6, #006988, #00365E, #080054)
• Iris Harbor color palette (#F7F1EA, #BEE7DA, #7488D7, #006C6D, #3D232E)

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