Teal Pier color palette — #FFF5D9 · #C2F5E2 · #6AC4AE · #2B858D · #063D64
Mint Leaf and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Custard (#FFF5D9): A whisper-light, dusty green — the color of new leaves after rain.
- Honeydew (#C2F5E2): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#6AC4AE): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#2B858D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#063D64): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Lichen Grove color palette (#FFF3E4, #F7F7AC, #9DC08D, #418274, #004857)
- Wandering Mint Canyon color palette (#D5FFCB, #00DBA2, #00909E, #004669, #0C004A)
- Timeworn Navy Market color palette (#F0FBD0, #CAF2FA, #7EC5D9, #5A75A4, #46386B)
- Ancient Field color palette (#EDF7D6, #9ED1BB, #519786, #00625E, #003639)
- Seafoam Market color palette (#DEFFE5, #00EACC, #009DBD, #19589C, #27105F)
- Dusty Field color palette (#FFF2EE, #C3EBAB, #5BB1BF, #8E6379, #3E403A)
- Antique Mint color palette (#F1F8EA, #00CC9D, #465A4E, #282D22, #10100B)
- Chartreuse Thicket color palette (#E7FFC6, #32F798, #00AAA6, #006281, #120089)
Browse the whole catalog at Explore, or see today's palette.