Softworn Teal Harbor color palette — #F2F7F1 · #CDDED9 · #ACC9C3 · #62B0A3 · #353E31

Turquoise and Stone set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#CDDED9): bright and airy, almost weightless.
• Stone (#ACC9C3): A luminous, dusty teal — the color of sea glass.
• Turquoise (#62B0A3): A luminous, balanced teal — the color of sea glass.
• Charcoal (#353E31): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn 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

• Tempered Lagoon color palette (#EDF8F9, #D3DEEA, #B7B1C3, #529A85, #233133)
• Aged Moss Courtyard color palette (#FAF5E7, #C6D0A1, #8DAD5D, #698F68, #37362F)
• Powder Chapel color palette (#F0F7F4, #D2DDDE, #8CBCDA, #B7B3A9, #4D5451)
• Turquoise Bloom color palette (#DEEBE1, #00AFBF, #326A7B, #2C4332, #090F09)
• Timeworn Grove color palette (#EFF3EC, #CCD9D7, #AABCB6, #23745E, #1C2317)
• Aged Garden color palette (#DEF7E6, #97D0ED, #81A9D5, #9A757F, #5B3F42)
• Washed Basin color palette (#EEF2D2, #00D4D6, #00A8C8, #7367B5, #1B3822)
• Airy Lantern color palette (#ECFAED, #55FFEC, #7DD6FF, #20C3F6, #1E3C29)

Browse the whole catalog at Explore, or see today's palette.