Teal Harbor color palette — #FAF4F0 · #C5DDE2 · #9ACECC · #59A385 · #30564C
Built around Jade, softened by Stone — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#FAF4F0): bright and airy, almost weightless.
- Silver (#C5DDE2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Stone (#9ACECC): A luminous, dusty teal — the color of sea glass.
- Jade (#59A385): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#30564C): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Calm, 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
- Washed Teal Courtyard color palette (#FBF3F0, #C4DEE7, #B4C1EF, #39A598, #5B4558)
- Muted Dune color palette (#F2F3EA, #C3E4DC, #82A78C, #3C7770, #293B30)
- Softworn Cerulean Boulevard color palette (#FDF3EE, #8FDBDC, #0088A3, #005436, #000E1A)
- Feathered Lagoon Terrace color palette (#FFF4DC, #C4F0CA, #91BB78, #429463, #3D5231)
- Dusty Fern color palette (#F4F7E6, #C8E8DC, #ACBED9, #B2BE87, #3F5715)
- Moss Corridor color palette (#F5F6E9, #C8E9C5, #F6B3E2, #6AAE56, #5F3B3D)
- Worn Denim color palette (#F9E7DF, #87AD93, #005C81, #002C24, #000105)
- Hushed Sky color palette (#FEF3EC, #D6D6E5, #5CB6FF, #008880, #1F3067)
Browse the whole catalog at Explore, or see today's palette.