Teal Harbor color palette — #F3F6F0 · #BDE0F1 · #9EAAE5 · #49AF8A · #261A23
Jade and Mauve set the tone — five colors that lean into creativity and calm.
The five colors
- Ivory (#F3F6F0): bright and airy, almost weightless.
- Powder Blue (#BDE0F1): A whisper-light, dusty blue — the color of open sky before noon.
- Mauve (#9EAAE5): A luminous, balanced violet — the color of a velvet chair.
- Jade (#49AF8A): A luminous, balanced teal — the color of shallow lagoons.
- Onyx (#261A23): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Calm, Sophistication. Tagged duotone, 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
- Moss Field color palette (#F5F6EF, #B8E8D8, #77B9D5, #74AB5A, #13221B)
- Washed Quarry color palette (#F0F7F3, #B7E1EE, #CE9ACC, #00ACC6, #2B181B)
- Bronze Boulevard color palette (#EDF8F2, #7FC7E5, #9285BE, #9C574B, #202715)
- Hushed Bronze Grove color palette (#FEF3E7, #ACEBE2, #78A8CE, #95682B, #2F4535)
- Patina Station color palette (#EDF4EC, #7FD5D0, #378DB5, #2F807D, #0A1914)
- Timeworn Mallow color palette (#EEF8F1, #BCDEF0, #D9BCEA, #BBB2B9, #1D4236)
- Linen Orchid Ridge color palette (#EEF9EC, #44F6E9, #AA6DF3, #009189, #1A000C)
- Worn Seafoam color palette (#ECF8F8, #7ED5B2, #6C79B4, #3C7B63, #292E38)
Browse the whole catalog at Explore, or see today's palette.