Teal Studio color palette — #FDF1FA · #F19685 · #00B2B3 · #A96687 · #382634

A conversation between Turquoise and Melon, giving this palette its sense of balance.

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Melon (#F19685): A luminous, balanced orange — the color of sun-warmed clay.
• Turquoise (#00B2B3): A luminous, balanced teal — the color of shallow lagoons.
• Dusty Rose (#A96687): A full-bodied, balanced rose — the color of strawberry cream.
• Onyx (#382634): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Pale Courtyard color palette (#EEF8F0, #D8B147, #00B1C2, #BE677F, #182C1E)
• Washed Moss Meadow color palette (#FEF1FA, #F49584, #78AD55, #7F7ABB, #352431)
• Jade Dune color palette (#FFF0F7, #F6B889, #83B565, #8B73B4, #2B4432)
• Airy Mustard Basin color palette (#ECFAEC, #EDB250, #789FE8, #8071AF, #412D55)
• Marigold Grove color palette (#FFF1F5, #E09941, #008C9A, #595D90, #231527)
• Plum Harbor color palette (#FFEAF0, #DF8C00, #009AA4, #B30084, #281500)
• Azure Field color palette (#E3FBFA, #46C37C, #0697F1, #B74C5F, #002120)
• Taupe Field color palette (#F2F7F1, #D0DFDF, #AABBCE, #CCA370, #434A43)

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