Teal Harbor color palette — #F1F8ED · #6FC0AD · #435B4F · #242F1F · #101008

Mint Leaf takes the lead with Charcoal Brown close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F1F8ED): a clean, paper-quiet neutral.
• Mint Leaf (#6FC0AD): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#435B4F): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#242F1F): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#101008): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Azure Delta color palette (#EAF9F4, #4FA6E6, #563E4A, #02251D, #020703)
• Ancient Lagoon Parlor color palette (#E7F1E3, #009885, #2E4132, #1A2117, #0B0D08)
• Washed Teal color palette (#E9FBEA, #00A6AB, #0F3F63, #001A1B, #010200)
• Shadow Petrol color palette (#E2F3EC, #00688E, #0E0B31, #031113, #000103)
• Turquoise Bloom color palette (#EEF8F0, #B3F2FB, #FCBA9D, #24ADBB, #4C4540)
• Aged Coral Pier color palette (#FEF0FF, #A7CFFF, #E7A6B1, #E1847D, #433144)
• Driftwood Hollow color palette (#F7F5ED, #C0E0DA, #7CBCB6, #95863D, #404D00)
• Navy Courtyard color palette (#F6E4F6, #004C95, #23171D, #0A0018, #000201)

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