Weathered Coast color palette — #F9F0E7 · #A6D2C7 · #6778B2 · #005967 · #22193C

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9F0E7): bright and airy, almost weightless.
• Oat (#A6D2C7): A whisper-light, dusty teal — the color of sea glass.
• Slate (#6778B2): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005967): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#22193C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Cerulean Boulevard color palette (#F8F0EC, #B4D0B7, #2988A4, #005E41, #00233A)
• Timeworn Cobalt color palette (#F3F7EC, #A6C9EC, #3F78C6, #005A7F, #2B3A5A)
• Frosted Sapphire Balcony color palette (#FBEFE7, #8DC4E1, #0A71D0, #005152, #110057)
• Softworn Denim color palette (#EADCD3, #5993A7, #004D7A, #002C28, #00001F)
• Ancient Petrol color palette (#ECF8F8, #DBDCE7, #81A9DE, #0078A5, #1C2D52)
• Aged Pier color palette (#F4E7D8, #BE8338, #467CC6, #774A00, #001A40)
• Antique Ultramarine Pier color palette (#F3E6D2, #9A7600, #0075B0, #404DB5, #1D1100)
• Washed Canyon color palette (#F8ECE6, #85A689, #00627A, #003B28, #000C19)

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