Weathered Coast color palette — #FBEFE7 · #AA6B4A · #553500 · #31261E · #181511

A conversation between Mocha and Cocoa, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FBEFE7): bright and airy, almost weightless.
• Mocha (#AA6B4A): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#553500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#31261E): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#181511): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Inked Bronze color palette (#FCEAD5, #915B00, #342A00, #251400, #0B0802)
• Dusty Amber color palette (#FCEDF5, #DA8158, #495E50, #3F343A, #242025)
• Antique Apricot color palette (#FFECF5, #ECA37C, #8B747D, #5F4F57, #252023)
• Basalt Cabin color palette (#EEECD7, #445154, #2F4000, #142125, #000C02)
• Patina Cerulean color palette (#FEF4E2, #AD9655, #029BAE, #94628F, #46423B)
• Midnight Lantern color palette (#E9EAD8, #316A00, #002616, #041100, #010300)
• Softworn Bronze Atelier color palette (#FFF2EA, #D6A67C, #AE7B0B, #775D17, #4D4F48)
• Aged Basin color palette (#FAF4EB, #CBAB6C, #6D9ADA, #926B00, #5A455A)

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