Teal Pier color palette — #FFF2EE · #E5DA97 · #6EB894 · #666C8E · #453B61
Built around Jade, softened by Wheat — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Wheat (#E5DA97): A whisper-light, balanced green — the color of a quiet forest floor.
- Jade (#6EB894): A luminous, balanced teal — the color of sea glass.
- Slate (#666C8E): A full-bodied, dusty violet — the color of a velvet chair.
- Navy (#453B61): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, 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
- Taupe Market color palette (#FFF1F4, #FFC8A9, #9CAA6E, #546F87, #204762)
- Worn Seafoam color palette (#FFF6CB, #A8EAB2, #6DB3BF, #746785, #552D46)
- Worn Jade color palette (#EBE5CF, #54AE82, #156C86, #472337, #19000E)
- Ancient Quarry color palette (#FFF2EC, #C2BF68, #56A385, #6A5578, #25233D)
- Ancient Mint color palette (#FBF8C7, #CBD9AB, #90BF8D, #589297, #325946)
- Pale Quarry color palette (#FFDED8, #BD9F7D, #738B4C, #574C8D, #652F53)
- Washed Lagoon color palette (#DEE3D6, #8FB889, #4F8A69, #005B71, #002D46)
- Quiet Celadon Ridge color palette (#E5FCEF, #AAED9F, #00AA8E, #845A80, #1A3616)
Browse the whole catalog at Explore, or see today's palette.