Teal Pier color palette — #FAF7D6 · #AFF1E8 · #5EC6B6 · #008995 · #275442

Mint Leaf and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Custard (#FAF7D6): A whisper-light, dusty green — the color of fresh herbs.
• Sea Foam (#AFF1E8): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#5EC6B6): A luminous, balanced teal — the color of sea glass.
• Cerulean (#008995): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#275442): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Balance. Tagged light, 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

• Aged Ridge color palette (#C8FEF2, #72C298, #279D93, #266F78, #395467)
• Dusty Mint Market color palette (#E5EFCB, #75CFAC, #25998B, #226A68, #203828)
• Sunlit Teal Alley color palette (#ABFBD8, #00C5B5, #008196, #00567A, #0B1A4F)
• Cerulean Field color palette (#EDFBDA, #B1F0FE, #54BAD1, #428DBC, #5F415C)
• Antique Field color palette (#F0F8EE, #C9E6E7, #C9C0B4, #8DC3AF, #45574B)
• Aged Teal color palette (#F1F8EC, #BBEBD4, #FFB6B0, #34B097, #643835)
• Faded Seafoam Market color palette (#DDFFE7, #2AEECA, #00AAB8, #006888, #003861)
• Chalky Navy color palette (#D8F7F1, #00ABC8, #00678B, #00337E, #0C0036)

Browse the whole catalog at Explore, or see today's palette.