Weathered Coast color palette — #BFE7F8 · #0EA0F4 · #4466F9 · #5044AF · #270D3D

Sapphire and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Powder Blue (#BFE7F8): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#0EA0F4): A luminous, vivid blue — the color of deep harbor water.
• Sapphire (#4466F9): A full-bodied, vivid violet — the color of wild irises.
• Indigo (#5044AF): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#270D3D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

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

• Soft Veranda color palette (#DAECFD, #5991FF, #7061FF, #6B369A, #360A3F)
• Pale Ultramarine color palette (#E1F2F5, #00A2DB, #007FC8, #214CAF, #20164D)
• Ultramarine Thicket color palette (#D4E2F2, #328CFE, #064EE2, #27318F, #1D1853)
• Soft Coast color palette (#D2EBF2, #0FA5F8, #215DDE, #430492, #120019)
• Washed Violet Balcony color palette (#DBDCFA, #9F9CFF, #7F6EF2, #493E9C, #0B0028)
• Ultramarine Terrace color palette (#DDE6FF, #91ABFF, #A88E03, #3649D0, #211A00)
• Faded Hollow color palette (#EAE3D7, #00BAC7, #3E7AE6, #412840, #080108)
• Misty Workshop color palette (#DAE1F8, #647EFF, #A57C00, #717D00, #080C30)

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