Teal Loft color palette — #FFF2EC · #FFB09F · #5FBDA5 · #6D86BA · #573746

Mint Leaf takes the lead with Melon close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#FFB09F): A whisper-light, balanced orange — the color of toasted spice.
• Mint Leaf (#5FBDA5): A luminous, balanced teal — the color of shallow lagoons.
• Slate Blue (#6D86BA): A luminous, balanced violet — the color of a velvet chair.
• Cocoa (#573746): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Timeworn Taupe color palette (#FDF2F1, #F3B1CB, #A0B36B, #5C8BB9, #553847)
• Tempered Archive color palette (#FDF4E6, #E1B76F, #00B2D1, #B15D84, #55282E)
• Apricot Balcony color palette (#FBEFE5, #EF9B55, #00AA9A, #835AA6, #441A31)
• Feathered Indigo color palette (#FFF2EC, #FF9682, #00B65F, #5564E2, #511243)
• Worn Sand color palette (#FCF3EB, #FFBB84, #9BA05B, #467661, #4F2F24)
• Muted Drift color palette (#FFF2EE, #EDD7C5, #CAC4A3, #B498AB, #5B454F)
• Hushed Powder color palette (#FAF4F0, #C4DFE7, #8BD1F9, #79AFA1, #5C4D5C)
• Dusty Archive color palette (#F0F7F1, #C6AF75, #6B9C53, #14796F, #28465A)

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