Teal Harbor color palette — #F3FAD6 · #B6FFEA · #31C4C5 · #38859D · #38574E

Built around Aqua, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Custard (#F3FAD6): A whisper-light, dusty green — the color of fresh herbs.
• Sea Foam (#B6FFEA): A whisper-light, dusty teal — the color of shallow lagoons.
• Aqua (#31C4C5): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#38859D): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#38574E): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Balance. Tagged light, muted, cool.

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

• Aqua Courtyard color palette (#EDFBDD, #A5F9F2, #35C8E8, #548BB5, #624B60)
• Worn Mint Corridor color palette (#FFF4DC, #C2FACD, #71CD91, #418B78, #3C543E)
• Lagoon Dune color palette (#D7FEFF, #7CC2AF, #349898, #196D7D, #35546C)
• Tempered Lagoon Veranda color palette (#D9F0D1, #80CEC7, #339D9D, #00646A, #21422D)
• Worn Turquoise Field color palette (#E2FDED, #D7D9E9, #4DC1DB, #197A8D, #0F301D)
• Hushed Turquoise color palette (#EBF9F0, #B7F1FF, #FFB4BC, #4CA8BD, #5B3E37)
• Denim Summit color palette (#90F5E9, #00CFD8, #0089BE, #004E99, #201B4D)
• Ancient Abyss color palette (#DEF1FF, #D3D8CB, #8E9EA2, #374F46, #212725)

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