Teal Pier color palette — #B3F2DB · #63C6B7 · #00848D · #006482 · #204665
A conversation between Mint Leaf and Teal, giving this palette its sense of trust and stability.
The five colors
- Mint (#B3F2DB): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#63C6B7): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00848D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006482): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#204665): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Hazy Lagoon Grove color palette (#E9F2C6, #60BDA0, #008E88, #006470, #27523D)
- Patina Cerulean Meadow color palette (#DBFFEE, #74BFE1, #0F82A6, #004D61, #003140)
- Hushed Archive color palette (#B8F0F4, #5EE5DD, #00C2D9, #1692B3, #284561)
- Quiet Navy Field color palette (#D3E8E6, #00A9BF, #006F95, #004774, #032682)
- Washed Cerulean Harbor color palette (#D9FCDF, #82C6DC, #4F88B1, #4A648D, #5F4457)
- Cobalt Cabin color palette (#B0ECFD, #59ACDC, #4183C5, #45548F, #494369)
- Softworn Driftwood Atelier color palette (#EAFAF0, #4AAEC9, #C06F6F, #007189, #5F3535)
- Hushed Cypress color palette (#CFEEE5, #00787A, #004653, #002336, #0E062A)
Browse the whole catalog at Explore, or see today's palette.