Teal Loft color palette — #E7F9FC · #25AF97 · #3D7991 · #495177 · #234B41

A conversation between Turquoise and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E7F9FC): a clean, paper-quiet neutral.
• Turquoise (#25AF97): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#3D7991): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#495177): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#234B41): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Ancient Field color palette (#EDF8F6, #D2DDEF, #61A4BB, #4A7684, #3F5665)
• Timeworn Moss color palette (#EBF9F5, #85A552, #2F8072, #69475F, #2E4A37)
• Antique Thicket color palette (#E7F5F6, #6FAB94, #5572A3, #683C4F, #112E1A)
• Ancient Lagoon Field color palette (#E5F5F8, #009183, #2B4047, #1D2B2E, #111619)
• Aubergine Thicket color palette (#E7F9FF, #008F96, #005AA5, #531B83, #003B20)
• Seafoam Hollow color palette (#E7F9FB, #ADFDD0, #7FE6C9, #61ADAF, #365055)
• Cocoa Canyon color palette (#F2F7EC, #81C1A8, #698FBC, #875778, #603800)
• Cobalt Workshop color palette (#EDF6FF, #188EDE, #6A549C, #653651, #004143)

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