Worn Teal Pier color palette — #F4F3E4 · #5FB48B · #007374 · #623938 · #181F08

Jade takes the lead with Teal close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Cream (#F4F3E4): a clean, paper-quiet neutral.
• Jade (#5FB48B): A luminous, balanced teal — the color of sea glass.
• Teal (#007374): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#623938): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#181F08): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Worn Teal 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

• Washed Taupe color palette (#FEEFDF, #A3A653, #3F7341, #593D49, #221C04)
• Tempered Hollow color palette (#F5F6EA, #7FA686, #287351, #5E4800, #323A00)
• Muted Lagoon color palette (#F3E3C7, #79A600, #006D47, #4E3B00, #101A00)
• Tempered Chestnut color palette (#FAF0E6, #B9B77A, #617E5B, #764A06, #2D2715)
• Soft Jade Studio color palette (#CFFFE4, #37C181, #007C4F, #003B21, #001307)
• Wandering Seafoam Field color palette (#E8FAF6, #A5E1B7, #4F9A84, #7A5865, #022F2E)
• Lagoon Canyon color palette (#F1F1E0, #008D6E, #004D54, #411B29, #000B06)
• Muted Lantern color palette (#F8EED2, #939B00, #377900, #004734, #002A29)

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