Teal Harbor color palette — #FAF0E2 · #71BABA · #6A76A1 · #644E20 · #1E3128

Mint Leaf and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FAF0E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mint Leaf (#71BABA): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#6A76A1): A full-bodied, dusty violet — the color of twilight just after sunset.
• Coffee (#644E20): A full-bodied, dusty gold — the color of old brass.
• Deep Forest (#1E3128): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, 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

• Patina Cabin color palette (#F3F3E3, #7CB2DD, #8C6A94, #585500, #382534)
• Cobalt Studio color palette (#FEF4E3, #7BB0C8, #6275A8, #7E4939, #334E46)
• Dusty Lagoon color palette (#F5F2EA, #C4C7A4, #5B8F7F, #49695D, #31322B)
• Tempered Hollow color palette (#EAFAF1, #93CBBE, #6F95C5, #7A7022, #304C57)
• Airy Summit color palette (#FFF1C9, #00A1C1, #6A46B5, #444000, #001E36)
• Cerulean Chapel color palette (#E1F2ED, #5088B8, #48353E, #14211E, #090E0A)
• Antique Ash Harbor color palette (#E8FBEC, #B0E6FF, #90A1CC, #946557, #304150)
• Wandering Garden color palette (#DFFAE4, #CBBCCD, #A89295, #7A5F12, #584200)

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