Worn Teal Harbor color palette — #FAF4F0 · #BCF0ED · #8BC4F3 · #38ACA1 · #573E53

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Honeydew (#BCF0ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#8BC4F3): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#38ACA1): A luminous, balanced teal — the color of sea glass.
• Charcoal (#573E53): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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 Glacier Station color palette (#FBF3F0, #BFE3E8, #85D4EA, #7CB092, #385048)
• Muted Powder Summit color palette (#F4F6EE, #D6D6E5, #7BC6EC, #4B8E99, #1E483C)
• Quiet Periwinkle color palette (#FFF3E7, #B8DFFF, #81A8FF, #0095A4, #31295F)
• Mallow Quarry color palette (#FFF1F0, #FF98C9, #59CDA0, #18B0C3, #4A302F)
• Cypress Courtyard color palette (#ECF4ED, #C1E2F5, #5D95B7, #056C6E, #132D49)
• Weathered Chapel color palette (#F7E9DD, #78BADB, #0482EE, #006D6D, #0B073E)
• Petrol Delta color palette (#EDDDD6, #6BADB5, #0080A5, #006048, #000A18)
• Airy Pier color palette (#F7E9E2, #81D0CB, #00A4BB, #008247, #002333)

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