Teal Harbor color palette — #DFF9E5 · #A2D6CA · #6DB2A8 · #7A698D · #5C475D
Built around Turquoise, softened by Slate — the whole palette hums with sophistication.
The five colors
- Honeydew (#DFF9E5): A whisper-light, dusty teal — the color of shallow lagoons.
- Oat (#A2D6CA): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#6DB2A8): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#7A698D): A full-bodied, dusty violet — the color of a velvet chair.
- Charcoal Brown (#5C475D): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Sophistication. Tagged vintage, 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
- Ancient Driftwood Study color palette (#FDF6D0, #C8E4CA, #9EB297, #9B7787, #624548)
- Stone Coast color palette (#F5F9CD, #8DBD9C, #7F9371, #4B665C, #5B4B5C)
- Timeworn Meadow color palette (#BCEAEC, #88BFCF, #7895C7, #7E5866, #354636)
- Washed Cobalt Thicket color palette (#D5EBE1, #529DAD, #556DB5, #683F00, #282700)
- Moss Boulevard color palette (#EFF8EF, #CAC793, #7B9B60, #5D7A5F, #31483D)
- Muted Meadow color palette (#E3E4C9, #68C48F, #0096A6, #994753, #5D2B27)
- Hushed Field color palette (#FAF3F7, #D2DEF6, #67ACE3, #008D84, #384862)
- Frosted Emerald color palette (#E4E1C4, #539F6A, #007379, #682737, #310612)
Browse the whole catalog at Explore, or see today's palette.