Teal Harbor color palette — #FFF2EC · #F2B7AC · #86D1A7 · #2DBAB8 · #48413D
A conversation between Turquoise and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Rose Quartz (#F2B7AC): A whisper-light, dusty orange — the color of sun-warmed clay.
- Mint Leaf (#86D1A7): A luminous, balanced teal — the color of shallow lagoons.
- Turquoise (#2DBAB8): A luminous, balanced teal — the color of sea glass.
- Charcoal (#48413D): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Weathered Cocoa Workshop color palette (#FDF3EC, #EBB596, #88C6AF, #8896CD, #5D3000)
- Worn Jade Dune color palette (#FFF1F3, #E6B5DF, #B1C886, #6BB786, #543A3E)
- Muted Lantern color palette (#FDF5DF, #CAC07B, #41C6E9, #709BFA, #3A3831)
- Azure Quarry color palette (#FCF0FF, #D7A0AA, #98AE78, #5798CF, #4A3D4E)
- Weathered Cabin color palette (#FFE5D7, #FF9371, #00C3C6, #279EC9, #551B07)
- Dusty Fern Workshop color palette (#FFF3E7, #E6D8BB, #CEB092, #B18773, #514900)
- Muted Canyon color palette (#F8E0C8, #DE8702, #00ABA4, #2288AF, #301900)
- Timeworn Pewter Courtyard color palette (#FCF3EF, #E7DFB8, #BC9481, #8E5F56, #372720)
Browse the whole catalog at Explore, or see today's palette.