Weathered Coast color palette — #E6F1F1 · #96B5D3 · #0066C5 · #004B68 · #1B2D50

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

The five colors

• Cream (#E6F1F1): bright and airy, almost weightless.
• Ash (#96B5D3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#0066C5): A full-bodied, vivid blue — the color of deep harbor water.
• Navy (#004B68): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#1B2D50): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Aged Petrol Summit color palette (#E5F1F0, #7FBCCE, #007394, #004F55, #003249)
• Misty Sapphire Loft color palette (#F4E4E9, #7FBAEC, #4865B9, #004A53, #160F30)
• Softworn Cobalt color palette (#FAECDE, #92CBFC, #6983C9, #006A77, #2D274D)
• Washed Cerulean color palette (#ECF8F6, #90DCEE, #008DAF, #00666B, #004660)
• Muted Denim Harbor color palette (#DBEDEC, #5299BB, #004F76, #002E39, #001529)
• Muted Moss Drift color palette (#C5E7DE, #5C9005, #00749A, #335400, #002E3F)
• Feathered Periwinkle Bloom color palette (#F6EBEE, #B4D7F9, #8D9FEC, #009093, #362052)
• Wandering Teal color palette (#EFF7F5, #CEDFEF, #50A9AE, #367D6F, #3C5762)

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