Teal Coast color palette — #FFF1F1 · #D49CBD · #4CAD8C · #975D80 · #4B4E48

A conversation between Jade and Slate, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Mauve (#D49CBD): A luminous, dusty pink — the color of neon signs at night.
• Jade (#4CAD8C): A luminous, balanced teal — the color of sea glass.
• Slate (#975D80): A full-bodied, balanced pink — the color of neon signs at night.
• Charcoal Brown (#4B4E48): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Teal Coast 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

• Antique Lagoon color palette (#FFEDEB, #EB94BA, #6CAE7F, #995B77, #30322B)
• Aged Villa color palette (#FFF2EC, #DD9D91, #3EAAB7, #AB5648, #37563F)
• Washed Moss Lantern color palette (#FFF1F7, #B3A6DD, #9C9E4A, #7766A5, #4F4D46)
• Mallow Alley color palette (#F7F3FF, #EBAED9, #78C3A8, #AF779F, #2D5557)
• Weathered Dune color palette (#FFF1F1, #C47FA0, #8D8F3C, #3A7F9E, #513C3B)
• Chestnut Drift color palette (#FFF2E9, #CBB39C, #A47458, #884B2A, #614000)
• Softworn Driftwood color palette (#FFF1F1, #E2D9D0, #D5C39D, #B1828A, #624D48)
• Gentle Boulevard color palette (#FFF2EF, #E16386, #00918D, #AA004E, #004442)

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