Teal Pier color palette — #FCF2F7 · #F5AF85 · #49BEA2 · #7C89B7 · #3F313B
Built around Turquoise, softened by Melon — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FCF2F7): a clean, paper-quiet neutral.
- Melon (#F5AF85): A luminous, balanced gold — the color of afternoon light on wheat.
- Turquoise (#49BEA2): A luminous, balanced teal — the color of shallow lagoons.
- Slate Blue (#7C89B7): A luminous, dusty violet — the color of twilight just after sunset.
- Charcoal (#3F313B): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Teal Cabin color palette (#F8F2FF, #EDABCF, #4AB997, #7E80B0, #362F3E)
- Timeworn Turquoise Lantern color palette (#F0F7F0, #E5B880, #0FB4C8, #9C7DB5, #303A2F)
- Hushed Apricot color palette (#FFF0F9, #FFA280, #91A060, #846189, #2C232E)
- Hushed Stone color palette (#FAF3F6, #CED9DC, #D5AC8C, #A6A4B0, #594F53)
- Cerulean Grove color palette (#FCF2F4, #C696C8, #009BA7, #41678C, #3D2C34)
- Timeworn Azure color palette (#EAFAF1, #C1B862, #29A6F7, #A96686, #1D3026)
- Timeworn Corridor color palette (#E8F6EB, #D3B35E, #64837A, #4B584F, #261F22)
- Feathered Atelier color palette (#E1FCF4, #9EC000, #00AE7C, #6E68DE, #38182D)
Browse the whole catalog at Explore, or see today's palette.