Teal Atelier color palette — #F4FACE · #B3F6F9 · #5EC1B5 · #48898E · #324E3E

Mint Leaf and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F4FACE): A whisper-light, dusty green — the color of fresh herbs.
• Sea Foam (#B3F6F9): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#5EC1B5): A luminous, balanced teal — the color of glacier melt.
• Storm Blue (#48898E): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Olive (#324E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Aqua Atelier color palette (#F2F5CF, #ACE3BD, #72C8BD, #499EA9, #32594A)
• Aqua Harbor color palette (#E6FEDB, #A6FDFF, #66C5E0, #578AA3, #59435A)
• Turquoise Delta color palette (#DEFFE6, #D5E9F8, #6CBEC4, #337678, #183420)
• Lagoon Station color palette (#C8F3EA, #97CAAB, #3F9F8F, #00676D, #1E3B50)
• Softworn Mint Ridge color palette (#FFF4DB, #DFEEA0, #9EC682, #5C8A6A, #3F4B33)
• Glacier Delta color palette (#EDF9EC, #90FBF9, #F9B6C9, #5BA9A8, #5F3B37)
• Quiet Boulevard color palette (#93FFEE, #00CECC, #0084A1, #00577E, #021F46)
• Washed Frost Loft color palette (#D6F4FF, #E0D7CE, #98A7A9, #394840, #1F2722)

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