Weathered Coast color palette — #FFF6CC · #94C6C7 · #6292A6 · #6E5526 · #312400
Built around Coffee, softened by Storm Blue — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF6CC): A whisper-light, dusty green — the color of fresh herbs.
- Ash (#94C6C7): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#6292A6): A luminous, dusty blue — the color of deep harbor water.
- Coffee (#6E5526): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Espresso (#312400): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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
- Worn Fern color palette (#E0FBFF, #82C9BB, #5C8AA1, #615700, #003117)
- Dusty Chestnut color palette (#FFF2EA, #C9C18F, #68957D, #844A44, #422000)
- Tempered Teal color palette (#D4ECCE, #69B8B5, #607197, #504000, #1F1700)
- Weathered Alley color palette (#DDF3D5, #9DC7AA, #769FC8, #945C6A, #5D2900)
- Ash Villa color palette (#DEFEF1, #BBE6E6, #72ACC2, #826C40, #174839)
- Aged Pine Dune color palette (#DAFFEF, #94CFE1, #7E88DF, #2D7629, #0D3F0A)
- Softworn Petrol Courtyard color palette (#C8E6E0, #5097A4, #3C6B94, #5D343D, #33152C)
- Tempered Market color palette (#DFFBFF, #D9DFEA, #C2C4D8, #6F9692, #3D5351)
Browse the whole catalog at Explore, or see today's palette.