Teal Harbor color palette — #FFEBF8 · #60C19B · #468197 · #604766 · #1A3035

Built around Mint Leaf, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Blush (#FFEBF8): A whisper-light, dusty pink — the color of neon signs at night.
• Mint Leaf (#60C19B): A luminous, balanced teal — the color of sea glass.
• Slate (#468197): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#604766): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Forest (#1A3035): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Teal Harbor 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

• Softworn Canyon color palette (#FFECF4, #A9B45C, #398974, #634666, #1B312D)
• Teal Lagoon color palette (#FFF2EE, #82B694, #507E96, #764D44, #3D4D39)
• Jade Station color palette (#E7F5F5, #5CB085, #6B6C9E, #6C3E2D, #371D2E)
• Wandering Bloom color palette (#E6F6F3, #9BCED1, #5B8B98, #4D6763, #203536)
• Cerulean Atelier color palette (#FEF4E3, #8ACEB8, #549FAE, #8A5F7A, #3F4C3C)
• Quiet Garnet color palette (#FFEBF9, #00A799, #00679E, #701C02, #00202B)
• Weathered Alley color palette (#DDF2F7, #009692, #283E4C, #122124, #080E0E)
• Azure Harbor color palette (#E5F8E7, #00ABDC, #66639C, #5A420C, #132435)

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