Teal Pier color palette — #FFE7F4 · #C0B17B · #5CAD8F · #9E5E73 · #483451
A conversation between Jade and Mocha, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFE7F4): A whisper-light, dusty pink — the color of neon signs at night.
- Camel (#C0B17B): A luminous, dusty green — the color of fresh herbs.
- Jade (#5CAD8F): A luminous, balanced teal — the color of glacier melt.
- Mocha (#9E5E73): A full-bodied, balanced rose — the color of pressed rose petals.
- Charcoal (#483451): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns 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
- Weathered Cocoa Canyon color palette (#FFE5F3, #C9B38A, #77A585, #9E656E, #572301)
- Cocoa Thicket color palette (#F7D4EC, #A5D2B8, #7DB7B7, #A67273, #633234)
- Denim Coast color palette (#F0F0D1, #AEB087, #5F927E, #555692, #4F2754)
- Timeworn Mulberry color palette (#EBDBCD, #A6A377, #6F8C66, #943E5D, #422400)
- Cerulean Pier color palette (#D6E9E6, #89C9B7, #00A3B6, #A8586E, #003127)
- Softworn Cabin color palette (#E8D6F6, #C8AFCA, #B68E55, #846AB3, #522B3E)
- Tempered Moss Boulevard color palette (#FEE4C7, #7D9B49, #516D51, #4E3155, #2F131B)
- Worn Orchard color palette (#DEFCFA, #CADDE4, #AAC3CC, #AC90AD, #3D5540)
Browse the whole catalog at Explore, or see today's palette.