Weathered Coast color palette — #F4F7E6 · #9EE6FF · #02BAF5 · #0095A5 · #003753

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

The five colors

• Cream (#F4F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Powder Blue (#9EE6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#02BAF5): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0095A5): A luminous, balanced blue — the color of open sky before noon.
• Deep Teal (#003753): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Feathered Terrace color palette (#F2F8E7, #BDDDFF, #73ABFF, #008FC8, #1C2F62)
• Quiet Boulevard color palette (#F6F7E7, #8FF9F8, #14CEDA, #00A894, #004853)
• Azure Summit color palette (#E7FBEB, #D0E2F8, #00A6E8, #007273, #002548)
• Worn Azure color palette (#FFF2EB, #68DCFF, #0094E0, #007369, #192F63)
• Muted Turquoise color palette (#F4F6EE, #D6DFF7, #92C3F0, #59A3BF, #534054)
• Frosted Garden color palette (#DCE2D0, #73A6D0, #3076C0, #005977, #000722)
• Pale Courtyard color palette (#FFEEE4, #78C8E3, #0073C9, #005344, #150054)
• Softworn Peony Coast color palette (#FFD7EF, #FF82D6, #43AFFF, #E614B4, #003051)

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