Teal Pier color palette — #FFF2EA · #C2F1D9 · #7FBAFF · #00A88F · #38386F
A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Honeydew (#C2F1D9): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#7FBAFF): A luminous, balanced blue — the color of open sky before noon.
- Turquoise (#00A88F): A luminous, balanced teal — the color of sea glass.
- Navy (#38386F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Misty Emerald Market color palette (#FFF2EE, #ADF3F5, #4FC6F2, #2BAB58, #134073)
- Aged Boulevard color palette (#FFF2E9, #ABE3FF, #76ABFF, #00998B, #33236A)
- Lime Coast color palette (#EBE8FF, #B7A4FF, #9EB900, #29AC59, #32294F)
- Worn Coast color palette (#FAF4EE, #C5DFEE, #B5C6F0, #8EAB8C, #654956)
- Timeworn Harbor color palette (#FFF0FB, #F5D1D8, #E8BCA0, #66B2E7, #553E60)
- Pine Study color palette (#FDEBE5, #7ED0D3, #00A0CE, #00833E, #001E44)
- Violet Pier color palette (#D3E9F5, #94BCFF, #8991FF, #9457CF, #612659)
- Hushed Garden color palette (#F4E5DD, #6FBDD4, #0087DE, #006F58, #0C083D)
Browse the whole catalog at Explore, or see today's palette.