Teal Field color palette — #EFF7F8 · #D7DBE2 · #B8AFBA · #6BBDB1 · #394B4F

Mint Leaf and Charcoal set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D7DBE2): a clean, paper-quiet neutral.
• Ash (#B8AFBA): a calm mid-gray that lets other colors speak.
• Mint Leaf (#6BBDB1): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#394B4F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Lagoon Harbor color palette (#F2F7F1, #D2DEDC, #AFC8C8, #37A29C, #414B40)
• Weathered Taupe color palette (#E2FCF5, #B5E1E2, #97BFDB, #A68F5E, #33574F)
• Timeworn Hollow color palette (#F0F6FB, #DCD8E7, #C3A8A6, #23AFF8, #314250)
• Bronze Corridor color palette (#FFF0F7, #94D9B8, #69ADDA, #B46E3C, #17444E)
• Timeworn Turquoise color palette (#D5E8F1, #14BDDD, #627187, #314E5C, #0C1B1D)
• Petrol Study color palette (#D7E1E7, #A09EB0, #93819D, #006D8E, #000B14)
• Softworn Pewter color palette (#EFF4EC, #CBDEDC, #D4BDC4, #677C5D, #282E25)
• Sunlit Workshop color palette (#E9F8FF, #C7F8B5, #6CF2FE, #B3BCFF, #224154)

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