Weathered Coast color palette — #F9F1E0 · #8CAA7F · #04765C · #265040 · #1E1E00

A conversation between Teal and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9F1E0): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#8CAA7F): A luminous, dusty green — the color of fresh herbs.
• Teal (#04765C): A full-bodied, balanced teal — the color of sea glass.
• Forest (#265040): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#1E1E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Aged Cypress color palette (#F6F6E9, #82A686, #007555, #005659, #333A00)
• Weathered Pier color palette (#F0EBD6, #619E6E, #00635A, #542A35, #101400)
• Weathered Pine Station color palette (#FDEFE0, #ACA077, #457144, #5F3A41, #231B00)
• Hushed Lagoon color palette (#E3FBF5, #B1DDB6, #569A7E, #2D6F71, #012F2C)
• Worn Canyon color palette (#F1EDDF, #488A50, #004F46, #002D47, #000B01)
• Cobalt Field color palette (#FBEFE9, #B2D0BD, #4382B1, #005E45, #151D41)
• Softworn Driftwood color palette (#F8F0E7, #CAC4A7, #6A8D6F, #76585B, #33312A)
• Chalky Indigo Pier color palette (#ECD8E5, #6D71C7, #6F7500, #2D652E, #23081C)

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