Weathered Pier color palette — #F5F2E4 · #80AE80 · #2C735E · #5F3A41 · #1B1E07

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

The five colors

• Cream (#F5F2E4): a clean, paper-quiet neutral.
• Jade (#80AE80): A luminous, balanced green — the color of new leaves after rain.
• Teal (#2C735E): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#5F3A41): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#1B1E07): 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 Pier 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

• Hushed Lagoon Atelier color palette (#F2F3E6, #85C3A8, #288481, #694D4C, #232A1B)
• Cypress Thicket color palette (#ECF9F2, #7EA77D, #007363, #5D3E5E, #143D39)
• Aged Lagoon color palette (#E5E7D7, #38A37F, #006261, #562B1E, #0B1600)
• Frosted Moss Canyon color palette (#F6E2BC, #85A300, #006F28, #5E2A43, #121900)
• Dusty Driftwood Ridge color palette (#F7F2E4, #C6C6A1, #778C4A, #705C58, #31322B)
• Worn Marigold color palette (#FFEFDA, #D99D01, #835B00, #482F00, #160D00)
• Timeworn Pine Dune color palette (#E9E8D0, #248E57, #004F46, #3E1B36, #060900)
• Cobalt Field color palette (#F8F0E9, #98CFF7, #567AC0, #005A61, #1D1B3E)

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