Teal Harbor color palette — #ECE1F8 · #8CBDFF · #00C1BA · #0B3642 · #192218
Turquoise and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#ECE1F8): A whisper-light, dusty violet — the color of a velvet chair.
- Sky (#8CBDFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Turquoise (#00C1BA): A luminous, balanced teal — the color of glacier melt.
- Deep Teal (#0B3642): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#192218): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Trust, Stability, Calm, Sophistication. Tagged neon, dark, vibrant, 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
- Washed Thicket color palette (#FBE8EF, #C7B7FF, #2FC0FD, #2A4546, #242D29)
- Muted Station color palette (#F2E9C7, #6BD5FF, #00DDAE, #2D604F, #15282A)
- Clover Terrace color palette (#FCE9C9, #00D2E8, #00CA55, #003E35, #232615)
- Gentle Azure color palette (#ECE7D0, #1CB0F6, #00AC83, #002527, #0B1006)
- Wandering Azure Ridge color palette (#FDD9E2, #AC98FF, #01A2EE, #19213D, #001B14)
- Weathered Teal Bloom color palette (#EEF9EB, #00BAAE, #00708A, #00645D, #002415)
- Quiet Station color palette (#B8F5FF, #00B8E1, #007BA4, #004D75, #003464)
- Misty Workshop color palette (#FFE5E8, #C4B4FF, #42D705, #214619, #002622)
Browse the whole catalog at Explore, or see today's palette.