Teal Harbor color palette — #F9F3F7 · #D7D4E0 · #BCBEE6 · #4BA48F · #414C6A

Turquoise and Lavender set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D7D4E0): a clean, paper-quiet neutral.
• Lavender (#BCBEE6): A luminous, dusty violet — the color of wild irises.
• Turquoise (#4BA48F): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#414C6A): A full-bodied, dusty violet — the color of wild irises.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Dusty Stone color palette (#F1F5FF, #C2C6FF, #ABC77D, #95AC6E, #31384A)
• Muted Studio color palette (#F1F5FF, #E1D8E1, #9BC9E9, #B9AB9F, #4B4C5D)
• Ash Drift color palette (#EDF4EE, #D2DDF2, #71A3C3, #3B7677, #283849)
• Wandering Periwinkle Alley color palette (#FFF1F5, #D8D3DE, #91A9FF, #008788, #3E2561)
• Denim Quarry color palette (#EBDDE3, #77AAC5, #2450A0, #002C28, #010008)
• Powder Cabin color palette (#EAF7FF, #D6D9EE, #A6ADF5, #8B6FAF, #4C4264)
• Dusty Driftwood color palette (#F0F8EF, #BFE7E4, #C8A882, #9D6C5D, #2C453F)
• Frosted Orchard color palette (#FCF2F8, #92D8EB, #0080C9, #00533F, #060035)

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