Teal Harbor color palette — #E5FBF3 · #B5E8B9 · #00AA8A · #A44A53 · #17361B
A conversation between Turquoise and Brick, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E5FBF3): A whisper-light, dusty teal — the color of glacier melt.
- Mint (#B5E8B9): A whisper-light, balanced green — the color of fresh herbs.
- Turquoise (#00AA8A): A luminous, balanced teal — the color of sea glass.
- Brick (#A44A53): A full-bodied, balanced red — the color of a theater curtain.
- Deep Forest (#17361B): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Softworn Moss Coast color palette (#ECF9EE, #D7DEA9, #63A557, #95507A, #2E3200)
- Muted Emerald Field color palette (#E7FBEC, #D3E0A5, #54A858, #836700, #2B3301)
- Tempered Jade Hollow color palette (#FCF6DB, #6BB86A, #007C5F, #714046, #3A3B34)
- Dusty Cocoa Meadow color palette (#E2FCF5, #97C8AB, #00897D, #83342D, #001D1D)
- Worn Clover color palette (#F8F7DF, #B1DDA0, #52BF65, #9B8653, #3B3B34)
- Washed Lagoon color palette (#E3FCF0, #A5D391, #009567, #5E5B00, #0C2500)
- Aged Pine color palette (#DCF9F1, #7EBB66, #1B8034, #5D4916, #002722)
- Washed Meadow color palette (#DAF4EE, #4B8968, #004640, #122000, #000201)
Browse the whole catalog at Explore, or see today's palette.